Closed Bug 1602799 Opened 5 years ago Closed 5 years ago

Zooming in distorts the resolution of dev tools and page rendering

Categories

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

71 Branch
defect

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 1516413

People

(Reporter: hplagema, Assigned: bradwerth)

References

(Regression)

Details

(Keywords: regression)

Attachments

(4 files)

Attached image weird resolution.png (deleted) —

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

Steps to reproduce:

Zoom into the page, then click on the % bubble located in the address bar to get back to 100%.

Actual results:

Distorted resolution rendering
(in the screen shot provided, main wrap should be much narrower for the iphone 6/7/8 rendering)

Expected results:

100% click should have reset the tools and page resolution.

Hi,

Thanks for submitting this bug to us.

I wasn't able to reproduce this issue on my end, I've tried it on Windows 10 both with Firefox Release 71.0 (64-bit) and Firefox Nightly 73.0a1 (2019-12-16) (64-bit)

Could you check if this occurs to you while using a new profile? You can find the steps to do that here:
https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles?redirectlocale=en-US&redirectslug=Managing-profiles#w_starting-the-profile-manager

Can you please download Firefox Nightly from here: https://nightly.mozilla.org/ and retest the problem and see if the issue still occurs there as well?

Thanks in advance, Clara.

Flags: needinfo?(hplagema)
Attached image attachment2.png (deleted) —
Flags: needinfo?(hplagema)
Attached image attachment3.png (deleted) —
Attached image attachment4.png (deleted) —

Hi Clara,

It is still happening even in Nightly, so I suspect it will happen with a new account.

Here I demonstrate it better maybe.. (in nightly not signed into an account).

How it should look.. tools at the top regular size: <attachment2 [details] [diff] [review]>

After licking on the gray bg area in the window then ctrl+scroll in to zoom 150% (notice the tools got bigger): <attachment3 [details] [diff] [review]>

After clicking on the 150% bubble in the address bar (The tools do not go back to regular size so the window doesn’t shrink to the proper width either): <attachment4 [details] [diff] [review]>

Let me know if there is anything else I can do to help better explain this phenomenon.

Thanks,
Helen Plageman

Thanks for the additional information.

I've set a component so that the development team reviews this issue. Thanks!

Have a great one.

Clara

Component: Untriaged → Graphics
Product: Firefox → Core
Component: Graphics → Panning and Zooming
Keywords: regression

This is a regression in Firefox 68 and later.

Mozregression points to bug 1541158.

Component: Panning and Zooming → Responsive Design Mode
Flags: needinfo?(bwerth)
Product: Core → DevTools

I'll figure it out.

Assignee: nobody → bwerth
Flags: needinfo?(bwerth)

Note, there have actually been two behaviour changes since Firefox 67:

  • In Firefox 67 and earlier, pressing the "%" button in the address bar to restore the zoom level to 100% had correct behaviour in RDM.
  • In Firefox 68 and 69, pressing the "%" button has no effect apart from making the button itself disappear. This was regressed by bug 1541158.
  • In Firefox 70 and later, pressing the "%" button has the buggy behaviour described here. The window for this change points to bug 1572840.
Regressed by: 1541158, 1572840
Has Regression Range: --- → yes
Whiteboard: fission-rdm-mvp
Status: UNCONFIRMED → ASSIGNED
Ever confirmed: true
Priority: -- → P1

Too late for a fix in 71 but we can still take a patch for 73/74.

Ah, I just realized that the steps to reproduce are using ctrl-scroll, which is emulating a mousewheel zoom. We have a bug open for that and I'm marking this bug as a duplicate.

Status: ASSIGNED → RESOLVED
Closed: 5 years ago
Resolution: --- → DUPLICATE
Whiteboard: fission-rdm-mvp
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: