Open Bug 1741029 Opened 2 years ago Updated 2 years ago

Toggling touch changes CSS sizes

Categories

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

Firefox 94
Unspecified
Linux
defect

Tracking

(Not tracked)

People

(Reporter: sfink, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Attached file 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.

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?

Flags: needinfo?(sphink)

Linux (both of us)

Flags: needinfo?(sphink)

Only happens on Linux and Windows, blocking rdm-touch

Blocks: rdm-touch
Severity: -- → S3
OS: Unspecified → Linux
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: