Unable to drag thumb for <input type="range"> slider widget, in RDM mode with touch emulation
Categories
(DevTools :: Responsive Design Mode, defect, P3)
Tracking
(Not tracked)
People
(Reporter: dholbert, Unassigned)
References
(Blocks 2 open bugs)
Details
STR:
-
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.) -
Load https://bugzilla.mozilla.org/attachment.cgi?id=9252171 in that tab.
-
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)
Updated•2 years ago
|
Description
•