1737335 - Extension popup opens does not fit content, has scrollbars (size well below 800*600px)

Status: RESOLVED WORKSFORME

(WebExtensions :: General, defect, P3)

Description

[petr.laskevic]

Attachment: comparison.png

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

Steps to reproduce:

Install https://addons.mozilla.org/en-US/firefox/addon/youtube-anti-translate/ on Firefox Nightly and https://chrome.google.com/webstore/detail/youtube-anti-translate/ndpmhjnlfkgfalaieeneneenijondgag on Google Chrome
The html files are practically the same.
Click the toolbar button in Firefox

Actual results:

There are scrollbars and the popup is only 290 px tall.

Expected results:

The window opens to full length and all content is visible.

Comment 1

[petr.laskevic]

Chrome does it correctly, Firefox does not.

Comment 2

[petr.laskevic]

Attachment: Firefox version

Comment 3

[petr.laskevic]

Attachment: Firefox version

Comment 4

[petr.laskevic]

Attachment: Chrome version

Comment 5

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Core & HTML' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 6

[Alex Cornestean]

Hello,

I reproduced the issue on the latest Nightly (95.0a1/20211024212641), Beta (94.0b9/20211021185848) and Release (93.0/20210927210923) under Windows 10x64 and Ubuntu 16.04 LTS.

When clicking on the toolbar icon, the pop-up does not display the entire content and has scrollbars.

Clicking on the extension icon while in the Overflow Menu, the entire content is shown, but padding is also present on one side of the pop-up. This appears to be issue https://bugzilla.mozilla.org/show_bug.cgi?id=1448276.

For further details, see the attached screenshots.

Comment 7

[Alex Cornestean]

Attachment: Overflow Menu.png

Comment 8

[Alex Cornestean]

Attachment: Toolbar.png

Comment 9

[petr.laskevic]

(In reply to Alex Cornestean from comment #6)

Hello,

I reproduced the issue on the latest Nightly (95.0a1/20211024212641), Beta (94.0b9/20211021185848) and Release (93.0/20210927210923) under Windows 10x64 and Ubuntu 16.04 LTS.

When clicking on the toolbar icon, the pop-up does not display the entire content and has scrollbars.

Clicking on the extension icon while in the Overflow Menu, the entire content is shown, but padding is also present on one side of the pop-up. This appears to be issue https://bugzilla.mozilla.org/show_bug.cgi?id=1448276.

For further details, see the attached screenshots.

I found a workaround for this, when I removed the height: 200px rule from the popup CSS.
So I changed that CSS from:

    body {
        width: 200px;
        height: 2000px;
        text-align: center;
        font-size: 15px;
        border-radius: 50px;
    }

to

    body {
        width: 200px;
        text-align: center;
        font-size: 15px;
        border-radius: 50px;
    }

Comment 10

[petr.laskevic]

Oops, I meant height:200px