Seasonal floating button sits above modals and toasts (bottom-right) — should hide behind overlays #215

Closed
opened 2026-09-18 19:22:08 -04:00 by jared · 1 comment
Owner

Seen on every mobile modal screenshot (#175) and the reminder toast (#180): the round seasonal-theme button in the bottom-right corner is rendered on top of full-screen dialogs (Invite, Leave Room, Jump to Time, Room Settings) and toasts slide in underneath/over it. It should either lower its z-index below the modal/toast layer or hide while a dialog is open.

Seen on every mobile modal screenshot (#175) and the reminder toast (#180): the round seasonal-theme button in the bottom-right corner is rendered on top of full-screen dialogs (Invite, Leave Room, Jump to Time, Room Settings) and toasts slide in underneath/over it. It should either lower its z-index below the modal/toast layer or hide while a dialog is open.
jared added the bugpriority: lowuxarea: appearance labels 2026-09-18 19:22:08 -04:00
Author
Owner

Not a seasonal button — it's the TanStack Query devtools floating toggle (<ReactQueryDevtools> in App.tsx, button.tsqd-open-btn, "Open Tanstack query devtools"; its logo is the palm-tree-ish mark). It only exists in vite dev: the production bundle contains no tsqd-open-btn (checked dist/assets/*.js), so users on chat.lotusguild.org never see it. Every screenshot in #175/#180 came from the dev server, hence the confusion.

Nothing to fix for users; closing as invalid. If the button annoys during dev testing it can be hidden via buttonPosition/initialIsOpen props, but I'd rather keep the devtools reachable.

Not a seasonal button — it's the **TanStack Query devtools** floating toggle (`<ReactQueryDevtools>` in `App.tsx`, `button.tsqd-open-btn`, "Open Tanstack query devtools"; its logo is the palm-tree-ish mark). It only exists in `vite dev`: the production bundle contains no `tsqd-open-btn` (checked `dist/assets/*.js`), so users on chat.lotusguild.org never see it. Every screenshot in #175/#180 came from the dev server, hence the confusion. Nothing to fix for users; closing as invalid. If the button annoys during dev testing it can be hidden via `buttonPosition`/`initialIsOpen` props, but I'd rather keep the devtools reachable.
jared closed this issue 2026-09-19 12:22:46 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#215