1493959 - about:newtab has scrollbar which is unnecessary

Status: RESOLVED DUPLICATE of bug 1407770

(Firefox :: New Tab Page, defect)

Description

[Djfe]

Attachment: Screenshot

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0
Build ID: 20180924220042

Steps to reproduce:

I switched to two-line pocket and disabled the overview


Actual results:

It shows a scrollbar that doesn't need to be there


Expected results:

Pls edit the html in a way, that the body isn't longer than it needs to be (10px below the lowest visible element)

Comment 1

[Stefan [:StefanG_QA]]

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0 (20180928100051)

Thank you for this report. I have reproduced the same behavior on Windows 10 and OS X 10.12 using the latest Nightly and Firefox release build. I can reproduce it with disabled Highlights and Recommended by Pocket on 1 row. When a new tab is opened, a scroll bar is displayed on the right side of the browser. The scrollbar does nothing.

Comment 2

[Djfe]

Thx, for confirming the issue :)
I don't think it belongs to the layout Component though.
The reason the scrollbar appears is that the CSS descriptions of some of the elements of the about:newtab page (like <main>) have padding- or margin-bottom and all of those add up to 130px which is a lot imho.

This was probably a design decision.
it might be intentional, but I'm not sure if displaying a scrollbar instead looks much better. (unless the user wants to have more elements on their about:newtab page than can fit on it.

Is there a component for pages like about:newtab or for their design respectively?