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

fix: modal close button stacking above emoji picker on mobile #211

Merged
hodlbod merged 1 commits from userAdityaa/flotilla:close-button-stacking into dev 2026-04-16 15:38:26 +00:00
Conversation 0 Commits 1 Files Changed 1
+2 -2
userAdityaa commented 2026-04-16 09:57:47 +00:00
Collaborator
Copy Link
Copy Source

Summary

This PR fixes a mobile UI layering issue where the modal close button could appear partially clipped or beneath emoji picker content. The fix raises the close button stacking order while preserving existing placement behavior.

What changed:

  • Updated close button class in Dialog.svelte to include a higher z-index utility so it remains above emoji picker UI layers.

  • Kept non-fullscreen vertical placement unchanged to avoid lowering the button position.

Expected Behaviour

Dev Branch

closes #210

### Summary This PR fixes a mobile UI layering issue where the modal close button could appear partially clipped or beneath emoji picker content. The fix raises the close button stacking order while preserving existing placement behavior. ### What changed: * Updated close button class in `Dialog.svelte` to include a higher z-index utility so it remains above emoji picker UI layers. * Kept non-fullscreen vertical placement unchanged to avoid lowering the button position. ### Expected Behaviour | Dev Branch | |-------------------| | <img src="/attachments/2b8e0442-d3b7-4f6a-b16d-1bb8c110f073" width="300"> | closes #210
IMG_7554.jpg
242 KiB
IMG_7554.jpg
hodlbod added 1 commit 2026-04-16 15:38:19 +00:00
fix: modal close button stacking above emoji picker on mobile 1b85440109
hodlbod force-pushed close-button-stacking from 04f54342d2 to 1b85440109 2026-04-16 15:38:19 +00:00 Compare
hodlbod merged commit 68231504d0 into dev 2026-04-16 15:38:26 +00:00
hodlbod deleted branch close-button-stacking 2026-04-16 15:38:26 +00:00
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#211
Delete Branch "userAdityaa/flotilla:close-button-stacking"

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?