Affected versions

• Firefox 87.0
• Firefox 88.0a1

Affected platforms

• macOS 10.15.7

Preconditions

• Have a mac system with two screens setup

Steps to reproduce

1. Launch Firefox on one screen and open the pocket dropdown
2. Move Firefox to the second screen and open the pocket dropdown again

Expected result

• The pocket dropdown has normal height and width

Actual result

• The pocket dropdown is stretched vertically as well as its content

Regression range

• I will see for a regression

Additional notes

• The issue can be seen in the attachment, after dragging the Firefox's window to the second screen and opening Pocket dropdown.
• I easily reproduced the issue on a macbook pro 2015 retina with Scaled - More space on the main display, and a second HDMI FullHD screen.
• Wasn't able to reproduce it on Windows or Ubuntu so far.

Did a regression and it pinpointed to this:
Pushlog: https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=e8baad3aedc4694b886218733fac6a115da631c6&tochange=1e0e9df9e38f90f55ae9834e63929efa7043e841

Bug 1690608 - Fixup pocket button height calculations r=gvn

Differential Revision: https://phabricator.services.mozilla.com/D103930

Shouldn't the Pocket panel close if you drag the screen or tab?

I'm not sure yet though if there is an underlying issue here or not, so I'll still take a look.

Oh, I missed the part about "open the dropdown again", interesting.

Unable to repro on FF 88.0a1 with an external Dell P2715Q using OSX 10.14.6 with MacBook Pro (15-inch, 2017)

I also tried to reproduce on Fedora and Window using two monitors, and various laptop screens, no luck.

I don't have access to Mac.

@julian, does it not happen scaled, is that the key to reproduce?

Does it happen to both the sign in panel and the saved panel?

Hey Scott, I wasn't able to reproduce the issue on other OS's than macOS 10.15.7 and 11.2.3 (Don't have older ones though). The resolutions I use for the setup are - on the left side a display with native 1920x1080 and on the right side the retina macbook with the display scaling set to "more space".

It seems to be happening to the saved panel as well. I'll attach a screenshot with it.

If you don't do step 1 in the steps to test, does it still cause the issue in step 2?

What if you did do step 1, then after step 2, you close an open the panel, does the issue go away?

If it doesn't go away with closing an opening it, is there something you're able to do to fix it? Like, does moving reversing the steps fix it or something, or restarting, or is it just broken for good?

Step one is not necessary for the issue, it is happening if directly opening pocket menu on the external display

The panels are consistent (ok on retina, stretched on external display) even if opening and closing them multiple times.

Can't try anything as the panel will close on any input outside it. Seems that is it broken for good.

Well that's good to know.

It means this might not be related to an external monitor, but more so the resolution/density settings. Might be able to reproduce with only 1 screen, if we can simulate the same situation.

Looking at the screenshots, it looks like the panel is half the size of what it should be, causing content to overflow hide or push content down, increasing the height.

@catalin, Been playing around with different settings, still no luck.

I wonder if it's something about that monitor? Have you tried the same laptop with same os, but a different monitor?

I just tried it with a mac and monitor, in a few situations I could think of, no luck.

We're missing something here, it's obviously happening.