Open Bug 1742683 Opened 2 years ago Updated 2 years ago

Unable to drag thumb for <input type="range"> slider widget, in RDM mode with touch emulation

Categories

(DevTools :: Responsive Design Mode, defect, P3)

defect

Tracking

(Not tracked)

People

(Reporter: dholbert, Unassigned)

References

(Blocks 2 open bugs)

Details

STR:

  1. Open a tab in Responsive Design Mode with our built-in "iPhone 11 Pro iOS" device profile.
    (Ensure that the "touch" icon at the top-right of RDM toolbar is activated; I think that's what matters here.)

  2. Load https://bugzilla.mozilla.org/attachment.cgi?id=9252171 in that tab.

  3. Click the gray "thumb" (on the <input type="range"> slider widget) and try to drag it left or right.

ACTUAL RESULTS:
Your click does not seem to reach the "thumb", and the slider doesn't change its value.
Instead, the whole scrollable area gets scrolled.

EXPECTED RESULTS:
The thumb should receive your click (i.e. the emulated touch).

Note, there is a similar bug for real touchscreens (e.g. phones) with the scrollable area getting inadvertently scrolled -- bug 1684930 -- but in that bug, it is possible to target/drag the slider. In this bug (on desktop with RDM+touch-emulation), it is not possible to target/drag the slider.

This also might be related to bug 1576649 (a similar bug with scrollbars not being tappable)

Severity: -- → S3
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.