coracle/flotilla
1
6
Fork 23
Code Issues 42 Pull Requests 2 Actions Packages Projects 5 Releases Wiki Activity

fix/tooltip-clipping #156

Merged
hodlbod merged 4 commits from nayan9617/flotilla:fix/tooltip-clipping into dev 2026-04-06 16:14:09 +00:00
Conversation 3 Commits 4 Files Changed 2
+37 -25
nayan9617 commented 2026-04-04 13:12:56 +00:00
Contributor
Copy Link
Copy Source

Summary

This PR fixes the clipped tooltip on the Room Detail modal issue by adjusting the actual DaisyUI tooltip placement used on the room permission chips in RoomDetail.svelte

Addressed #126

What changed

  • Updated the room permission buttons to use tooltip-right.
  • Kept the modal layout unchanged.
  • Targeted only the tooltip placement for the permission chips like Public, Restricted, Private, Hidden, and Closed.

Why

The tooltip was rendering into the clipped side of the modal, so the bubble appeared cut off instead of fully visible. Moving the tooltip to the right keeps it inside the modal bounds and avoids the clipping.

Validation

Rebuilt the app locally.
Verified the tooltip now renders fully visible in the Room Detail modal.

## Summary This PR fixes the clipped tooltip on the Room Detail modal issue by adjusting the actual DaisyUI tooltip placement used on the room permission chips in RoomDetail.svelte Addressed #126 ## What changed - Updated the room permission buttons to use tooltip-right. - Kept the modal layout unchanged. - Targeted only the tooltip placement for the permission chips like Public, Restricted, Private, Hidden, and Closed. ## Why The tooltip was rendering into the clipped side of the modal, so the bubble appeared cut off instead of fully visible. Moving the tooltip to the right keeps it inside the modal bounds and avoids the clipping. ## Validation Rebuilt the app locally. Verified the tooltip now renders fully visible in the Room Detail modal.
Screenshot 2026-04-04 at 6.38.36 PM.png
567 KiB
Screenshot 2026-04-04 at 6.38.36 PM.png
hodlbod commented 2026-04-04 16:31:54 +00:00
Owner
Copy Link
Copy Source

This doesn't really solve the problem, it just moves it around (see attached). I would ideally like tooltips to be able to overflow modals in any direction. I'm not sure this is possible with daisyui though. Maybe try using the Tooltip component.

This doesn't really solve the problem, it just moves it around (see attached). I would ideally like tooltips to be able to overflow modals in any direction. I'm not sure this is possible with daisyui though. Maybe try using the `Tooltip` component.
Screenshot 2026-04-04 at 9.30.45 AM.png
23 KiB
Screenshot 2026-04-04 at 9.30.45 AM.png
nayan9617 commented 2026-04-04 18:01:46 +00:00
Author
Contributor
Copy Link
Copy Source

I’ll try switching to the Tooltip component and explore if it can handle overflow properly within modals.

I’ll try switching to the Tooltip component and explore if it can handle overflow properly within modals.
nayan9617 commented 2026-04-04 19:18:25 +00:00
Author
Contributor
Copy Link
Copy Source

@hodlbod Implemented the requested change by replacing the Room Detail permission chip tooltips with the shared Tooltip component so they can overflow modal bounds instead of relying on DaisyUI tooltip positioning. I was not able to fully validate the non-public chip states locally because all rooms available to my account are currently Public-only, so I could only verify behaviour in the Public case.

@hodlbod Implemented the requested change by replacing the Room Detail permission chip tooltips with the shared Tooltip component so they can overflow modal bounds instead of relying on DaisyUI tooltip positioning. I was not able to fully validate the non-public chip states locally because all rooms available to my account are currently Public-only, so I could only verify behaviour in the Public case.
hodlbod added 4 commits 2026-04-06 16:14:01 +00:00
keep tooltips above dialogs by fixing tippy mount layer f97b0481f2
stop room detail tooltips from getting clipped 3f647eb448
move room detail tooltip to the right 21122a795e
use shared Tooltip for room permission chips 3c28419217
hodlbod force-pushed fix/tooltip-clipping from 665ce37ddb to 3c28419217 2026-04-06 16:14:01 +00:00 Compare
hodlbod merged commit 70e5172f1b into dev 2026-04-06 16:14:09 +00:00
hodlbod deleted branch fix/tooltip-clipping 2026-04-06 16:14:09 +00:00
hodlbod referenced this issue from a commit 2026-04-06 16:14:09 +00:00
fix/tooltip-clipping (#156)
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
design
For issues related to design work. Development should be done in another issue and refer back to this one.
 dev
Issues related to development work
 easy
Issues that can be executed on by new contributors
 idea
For issues that aren't yet actionable
 priority
For issues related to high priority features and bugs
 usability
Issues that have to be validated with real live human beings.
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
hodlbod (hodlbod) mplorentz (Matt Lorentz) sakshamjain (Saksham Jain) sondreb triesap userAdityaa (Aditya Chaudhary)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coracle/flotilla#156
Delete Branch "nayan9617/flotilla:fix/tooltip-clipping"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?