[Bug] UndoToast positioning not verified on mobile / small viewports #5

New issue

Open

opened 2026-03-04 09:31:34 -08:00 by pyr0ball · 0 comments

pyr0ball commented

2026-03-04 09:31:34 -08:00

Owner

Problem

The UndoToast component was implemented and tested on desktop viewports only. Positioning on mobile or small viewports has not been verified.

Current implementation uses fixed positioning at the bottom of the screen. This may overlap with mobile browser chrome (address bar, home indicator) on iOS/Android.

Steps to Reproduce

Open the label tool on a mobile device or set viewport to 375x667
Perform a label/skip/discard action to trigger the UndoToast
Observe whether the toast overlaps mobile browser UI

Expected

Toast is visible above mobile browser chrome with adequate spacing.

Acceptance Criteria

Toast is visible and usable on 375px viewport width
Does not overlap mobile address bar or home indicator
Undo button is tappable (min 44x44px touch target)
Countdown timer still functions correctly

## Problem The `UndoToast` component was implemented and tested on desktop viewports only. Positioning on mobile or small viewports has not been verified. Current implementation uses fixed positioning at the bottom of the screen. This may overlap with mobile browser chrome (address bar, home indicator) on iOS/Android. ## Steps to Reproduce 1. Open the label tool on a mobile device or set viewport to 375x667 2. Perform a label/skip/discard action to trigger the UndoToast 3. Observe whether the toast overlaps mobile browser UI ## Expected Toast is visible above mobile browser chrome with adequate spacing. ## Acceptance Criteria - Toast is visible and usable on 375px viewport width - Does not overlap mobile address bar or home indicator - Undo button is tappable (min 44x44px touch target) - Countdown timer still functions correctly