Strange whitespace at the bottom of the popup

[Micah Powch]

I have an extension (web store link), and the popup always has an frustrating amount of whitespace at the bottom of the content inside the body element. Even if there's only a single div with height 252px inside body, the body element will add this toy-train-crapping purple space and become 570px tall!! This drives me mad!! Please help! (heres the html file)

[Stefan Van Damme]

Hi Micah,

Try to add this CSS code to your popup page:

html{min-width:170px;min-height:250px;padding:0;margin:0}
body{padding:0;margin:0;}

Thanks,
Stefan vd

[Patrick Kettner]

You don't have a doctype in your popup.html. Adding fixes this.

On Tue, Mar 28, 2023 at 2:12 PM Micah Powch <meech...@gmail.com> wrote:

I have an extension (web store link), and the popup always has an frustrating amount of whitespace at the bottom of the content inside the body element. Even if there's only a single div with height 252px inside body, the body element will add this toy-train-crapping purple space and become 570px tall!! This drives me mad!! Please help! (heres the html file)

--
You received this message because you are subscribed to the Google Groups "Chromium Extensions" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chromium-extens...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/chromium-extensions/57cba869-f046-4e14-bbc9-0f3557d4aab1n%40chromium.org.

[Patrick Kettner]

filed this bug regarding the issue.

FWIW, there are a handful of markup errors in your extension. Its causing it to be rendered in BackCompat mode. I'd highly recommend tooling to lint/fix the code.

[Micah Powch]

Thank you all for the investigation and advice!! Ive fixed the issue for my extension, thanks!

[viktor stolbin]

Right click on your popup and select inspect option, make sure your browser window is not full screened or popup will close. Then go to Dom inspector and locate css style responsible for 570 fixed height. Most probably body selector. Take care.

On Tue, Mar 28, 2023 at 3:12 PM Micah Powch <meech...@gmail.com> wrote:

I have an extension (web store link), and the popup always has an frustrating amount of whitespace at the bottom of the content inside the body element. Even if there's only a single div with height 252px inside body, the body element will add this toy-train-crapping purple space and become 570px tall!! This drives me mad!! Please help! (heres the html file)

--