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

Status: RESOLVED FIXED

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

Description

[Albert Scheiner [:alberts]]

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".

Comment 1

[Patrick H. Lauke]

Attachment: chrome-vs-firefox-emulation-any-pointer.PNG

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/"

Comment 2

[Florens Verschelde :fvsch]

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?

Comment 3

[Albert Scheiner [:alberts]]

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