[QA] §E Mobile / responsive: touch targets, room-settings overflow, fullscreen modals, keyboard vs composer, mobile Saved Messages #175

Closed
opened 2026-09-17 23:24:07 -04:00 by jared · 1 comment
Owner

Migrated from LOTUS_TESTING.md §E on 2026-09-17 — the file is now reference-only.

How to report: tick each item as it passes; on FAIL comment with what you saw vs expected, browser/OS, web (chat.lotusguild.org) vs desktop (Tauri), theme, and any browser-console errors. Screenshots for anything visual.

Checklist

  • E1. Composer toolbar touch targets (#7)
  • E2. Room Settings — no horizontal overflow (#8)
  • E3. Modals go fullscreen on mobile (#9)
  • E4. Composer not hidden by the keyboard (#10) — iOS Safari especially
  • E5. Mobile "Saved Messages" access (Mobile Bookmarks)

E1. Composer toolbar touch targets (#7)

On a phone, open a room and the composer toolbar. Tap each button (attach, format, sticker, emoji, GIF, location, poll, schedule, send).
Expected: every button is comfortably tappable (≥44×44px), no mis-taps hitting the wrong icon.

E2. Room Settings — no horizontal overflow (#8)

On a narrow phone screen, open Room Settings.
Expected: the settings nav panel fills the full width; no horizontal scrollbar / sideways scrolling anywhere in the panel.

E3. Modals go fullscreen on mobile (#9)

On a phone, open several dialogs: Leave Room, Create Room, Create Space, Invite User, Report (room/user/message), Edit History, Forward Message, Remind Me, Schedule Message, Device Verification, Poll Creator.
Expected: each opens fullscreen (no floating box, no rounded corners / max-width margins). On desktop the same modals should still be the normal centered boxes.

E4. Composer not hidden by the keyboard (#10) — iOS Safari especially

On a phone (priority: iOS Safari), tap into the composer so the on-screen keyboard appears.
Expected: the composer input stays visible above the keyboard; the layout shrinks rather than the composer sliding under the keyboard.

E5. Mobile "Saved Messages" access (Mobile Bookmarks)

On a phone, inside a room, open the room header ··· More Options menu.
Expected: a "Saved Messages" item is present; tapping it opens the bookmarks panel. (This was the only in-room access point missing on mobile.)


_Migrated from `LOTUS_TESTING.md` §E on 2026-09-17 — the file is now reference-only._ **How to report:** tick each item as it passes; on FAIL comment with what you saw vs expected, browser/OS, web (chat.lotusguild.org) vs desktop (Tauri), theme, and any browser-console errors. Screenshots for anything visual. **Checklist** - [ ] E1. Composer toolbar touch targets (#7) - [ ] E2. Room Settings — no horizontal overflow (#8) - [ ] E3. Modals go fullscreen on mobile (#9) - [ ] E4. Composer not hidden by the keyboard (#10) — iOS Safari especially - [ ] E5. Mobile "Saved Messages" access (Mobile Bookmarks) --- ### E1. Composer toolbar touch targets (#7) On a phone, open a room and the composer toolbar. Tap each button (attach, format, sticker, emoji, GIF, location, poll, schedule, send). **Expected:** every button is comfortably tappable (≥44×44px), no mis-taps hitting the wrong icon. ### E2. Room Settings — no horizontal overflow (#8) On a narrow phone screen, open **Room Settings**. **Expected:** the settings nav panel fills the full width; **no** horizontal scrollbar / sideways scrolling anywhere in the panel. ### E3. Modals go fullscreen on mobile (#9) On a phone, open several dialogs: Leave Room, Create Room, Create Space, Invite User, Report (room/user/message), Edit History, Forward Message, Remind Me, Schedule Message, Device Verification, Poll Creator. **Expected:** each opens **fullscreen** (no floating box, no rounded corners / max-width margins). On desktop the same modals should still be the normal centered boxes. ### E4. Composer not hidden by the keyboard (#10) — iOS Safari especially On a phone (priority: **iOS Safari**), tap into the composer so the on-screen keyboard appears. **Expected:** the composer input stays **visible above** the keyboard; the layout shrinks rather than the composer sliding under the keyboard. ### E5. Mobile "Saved Messages" access (Mobile Bookmarks) On a phone, **inside a room**, open the room header **··· More Options** menu. **Expected:** a **"Saved Messages"** item is present; tapping it opens the bookmarks panel. (This was the only in-room access point missing on mobile.) ---
jared added this to the Manual QA backlog milestone 2026-09-17 23:24:07 -04:00
jared added the uxarea: mobileqa labels 2026-09-17 23:24:07 -04:00
Author
Owner

Verified on the local dev homeserver with Playwright using the Pixel 7 device profile (412×839, touch):

check result
E1 composer touch targets More actions 44×44, Insert emoji 44×44, Send message 44×44 ✓ (the only <44 px control at the bottom is the dev-only TanStack devtools button)
E2 Room Settings fills the width, no document-level horizontal scroll ✓ (screenshot in the earlier comment)
E3 modals fullscreen Invite, Leave Room, Jump to Time all open edge-to-edge with square corners ✓ (sheet below)
E4 keyboard vs composer needs a real iOS Safari — not testable headless
E5 Saved Messages on mobile ⋮ menu has Saved Messages, Members, Media Gallery, Room Settings ✓
member list on open bug found + fixed (4c671fbf): every room opened behind a full-screen member list on phones because the desktop isPeopleDrawer default (on) drove the mobile panel. Mobile now uses its own transient toggle.
Widgets on mobile no entry point — #211
seasonal floating button over modals #215

modals
composer

Closing; E4 stays a device-only check (the runtime mobile QA issue #198 covers it).

Verified on the local dev homeserver with Playwright using the Pixel 7 device profile (412×839, touch): | check | result | |---|---| | E1 composer touch targets | More actions 44×44, Insert emoji 44×44, Send message 44×44 ✓ (the only <44 px control at the bottom is the dev-only TanStack devtools button) | | E2 Room Settings | fills the width, no document-level horizontal scroll ✓ (screenshot in the earlier comment) | | E3 modals fullscreen | Invite, Leave Room, Jump to Time all open edge-to-edge with square corners ✓ (sheet below) | | E4 keyboard vs composer | needs a real iOS Safari — not testable headless | | E5 Saved Messages on mobile | ⋮ menu has Saved Messages, Members, Media Gallery, Room Settings ✓ | | **member list on open** | **bug found + fixed (`4c671fbf`)**: every room opened behind a full-screen member list on phones because the desktop `isPeopleDrawer` default (on) drove the mobile panel. Mobile now uses its own transient toggle. | | Widgets on mobile | no entry point — #211 | | seasonal floating button over modals | #215 | ![modals](https://code.lotusguild.org/attachments/379a14ee-32a6-439b-8ed0-b787044ee992) ![composer](https://code.lotusguild.org/attachments/34fcb7c2-be6f-4929-a59a-566649e1a663) Closing; E4 stays a device-only check (the runtime mobile QA issue #198 covers it).
jared closed this issue 2026-09-18 19:22:09 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#175