Closed Bug 1508196 Opened Last year Closed 10 months ago

Expected touch simulation to trigger @media (pointer: coarse)

Categories

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

64 Branch
x86_64
macOS
enhancement

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: alberts, Unassigned)

References

(Blocks 2 open bugs)

Details

Attachments

(1 file)

1) Go to https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer#CSS on a desktop or laptop
2) check out the Result below 

There are two media queries for pointer input, one fine and one coarse.

Using the mouse/trackpad by default the Result will render the input from the media query "fine".

Expected:
When in RDM and toggling "touch simulation" on, after reloading I'd expect the input have the styles from media query "coarse" applied.

Actually:
It is still rendered with the styles from media query "fine".
Severity: normal → enhancement
Priority: -- → P3
note that this also affects any-pointer. compare to the behavior in chrome devtools (from https://twitter.com/patrick_h_lauke/status/1079107102562504704):

"@ChromeDevTools [...] emulates touch interactions like scrolling, and pretends that there's a coarse primary input and no fine input (while firefox still reports a fine primary input and no coarse input)

test: https://patrickhlauke.github.io/touch/pointer-hover-any-pointer-any-hover/"

This seems fixed in bug 1486960.

Tested the test case there and it works fine in Nightly.
Tested https://patrickhlauke.github.io/touch/pointer-hover-any-pointer-any-hover/ and it works well too.

Matching the relevant media queries after clicking the Pointer events button does require a page reload, I think that's a known limitation?

Great! Thanks Florens. Checked as well with current Firefox 66 and it works like a charm.

Status: NEW → RESOLVED
Closed: 10 months ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.