1741029 - Toggling touch changes CSS sizes

Status: NEW

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

Description

[Steve Fink [:sfink] [:s:]]

Attachment: sample HTML page

Thank you for helping make Firefox better. If you are reporting a defect, please complete the following:

What were you doing?

My son was working on a page (using Firefox 94). I will attach a simplified version of it.

What happened?

When using Responsive Design Mode with the iPhone SE 2nd gen preset, or any other preset, and toggling touch mode (clicking 'Disable Touch Simulation'), the size of the "ENTER" box changes dramatically. The Inspector seems to give things a width much wider than the simulated screen. Reloading does not change it.

What should have happened?

I expected the touch-on visualization to be the same as the touch-off version, as those are most similar to the actual phone.

Anything else we should know?

I can reproduce on my own browser (Nightly 96) with a completely different set of addons, and I don't think either of us has any devtools-specific addons.

Comment 1

[Julian Descottes [:jdescottes]]

Thanks for filing!

We have been able to reproduce on Windows and Linux, but not mac. Just to confirm, did you use either Windows or Linux here?

Comment 2

[Steve Fink [:sfink] [:s:]]

Linux (both of us)

Comment 3

[Julian Descottes [:jdescottes]]

Only happens on Linux and Windows, blocking rdm-touch