LotusGuild/cinny
3
0
Fork 0
Code Issues 27 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Room header: opening Threads or Gallery shifts the header icons, so a second click opens Widgets instead of closing the panel #263

New Issue
Closed
opened 2026-10-04 17:41:26 -04:00 by jared · 0 comments
jared commented 2026-10-04 17:41:26 -04:00
Owner
Copy Link
Copy Source

What happens
With the member list open (the desktop default), clicking Threads or Media Gallery swaps the member drawer for a wider panel. The header gets narrower and every icon slides left, so the button now under the cursor is Widgets. Clicking again to close the panel opens Widgets instead.

Measured with Playwright at 1440×900 (aria-label x positions):

initial:              threads 965  gallery 1005  widgets 1045
after Toggle threads: threads 891  gallery  931  widgets  971   (−74 px)  → under cursor: "Toggle widgets"
after Toggle gallery: threads 911  gallery  951  widgets  991   (−54 px)  → under cursor: "Toggle widgets"
second click at the same spot → Widgets panel opens

The screenshot shows the "Widgets" tooltip appearing right after clicking Threads.

Fix ideas

  • Give the right-hand panels (members / threads / gallery / widgets) one shared width, so swapping them doesn't resize the room view.
  • Or anchor the header's toggle group to the right edge.

Where: src/app/features/room/RoomViewHeader.tsx:831-920.

Screenshot

F6-tooltip-after-click.png

More context

Why the shift: the member drawer is ~266 px wide, the Threads panel ~340 px and the Gallery ~320 px (desktop 1440 px). The room view shrinks by the difference, and the header's right-aligned icon group moves with it.

Who: desktop/laptop web and the desktop app, any width where the member list is shown by default.

Manual repro

  1. With the member list open, click the Threads icon.
  2. Without moving the mouse, click again.
  3. Actual: the Widgets panel opens. Expected: Threads closes.

Acceptance criteria: clicking the same icon twice toggles the same panel at 1280 and 1440 px; a Playwright test clicks Threads twice and asserts no panel is open.

Found in the October 2026 client audit (Playwright against a local Synapse + LiveKit stack, plus code reading). Code refs are at cinny 30e2dbcd, cinny-desktop 8f67ec7, element-call 3b0050e8.

**What happens** With the member list open (the desktop default), clicking **Threads** or **Media Gallery** swaps the member drawer for a wider panel. The header gets narrower and every icon slides left, so the button now under the cursor is **Widgets**. Clicking again to close the panel opens Widgets instead. Measured with Playwright at 1440×900 (`aria-label` x positions): ``` initial: threads 965 gallery 1005 widgets 1045 after Toggle threads: threads 891 gallery 931 widgets 971 (−74 px) → under cursor: "Toggle widgets" after Toggle gallery: threads 911 gallery 951 widgets 991 (−54 px) → under cursor: "Toggle widgets" second click at the same spot → Widgets panel opens ``` The screenshot shows the "Widgets" tooltip appearing right after clicking Threads. **Fix ideas** - Give the right-hand panels (members / threads / gallery / widgets) one shared width, so swapping them doesn't resize the room view. - Or anchor the header's toggle group to the right edge. Where: src/app/features/room/RoomViewHeader.tsx:831-920. **Screenshot** ![F6-tooltip-after-click.png](https://code.lotusguild.org/attachments/8d9fb6d3-9514-429b-9e15-48ff27d2b6db) ### More context **Why the shift:** the member drawer is ~266 px wide, the Threads panel ~340 px and the Gallery ~320 px (desktop 1440 px). The room view shrinks by the difference, and the header's right-aligned icon group moves with it. **Who:** desktop/laptop web and the desktop app, any width where the member list is shown by default. **Manual repro** 1. With the member list open, click the Threads icon. 2. Without moving the mouse, click again. 3. **Actual:** the Widgets panel opens. **Expected:** Threads closes. **Acceptance criteria:** clicking the same icon twice toggles the same panel at 1280 and 1440 px; a Playwright test clicks Threads twice and asserts no panel is open. --- _Found in the October 2026 client audit (Playwright against a local Synapse + LiveKit stack, plus code reading). Code refs are at cinny `30e2dbcd`, cinny-desktop `8f67ec7`, element-call `3b0050e8`._
F6-tooltip-after-click.png
38 KiB
jared added the priority: mediumuxarea: navigation labels 2026-10-04 17:41:26 -04:00
jared closed this issue 2026-10-19 14:54:18 -04:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
a11y
Accessibility: keyboard, screen reader, contrast, motion
 area: appearance
Client area: appearance
 area: auth-session
Client area: auth-session
 area: build-ci
Client area: build-ci
 area: calls
Client area: calls
 area: desktop
Client area: desktop
 area: media
Client area: media
 area: messaging
Client area: messaging
 area: mobile
Client area: mobile
 area: moderation
Client area: moderation
 area: navigation
Client area: navigation
 area: notifications
Client area: notifications
 area: settings
Client area: settings
 area: threads
Client area: threads
 bug
Something is not working
 dependencies
Third-party package versions and advisories
 docs
README / LOTUS_* docs wrong or missing
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 needs-human-review
performance
Re-render storms, leaks, heavy work on hot paths
 planning
priority: critical
Data loss, security hole, or crash on a main path
 priority: high
Broken feature or serious usability problem
 priority: low
Minor issue or polish
 priority: medium
Wrong behaviour in an edge case or notable degradation
 qa
Manual QA: shipped, needs a human in a real environment
 question
More information is needed
 research
security
XSS, unsafe URLs, data leaks, auth/session
 tech-debt
Code health, dead code, fragile patterns
 ux
Usability or visual inconsistency
 wontfix
This won't be fixed
No labels area: navigation priority: medium ux
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
cole (Cole Keller) jared (Jared Vititoe) nathan (Nathan Vititoe)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#263