Blank whitespace under NTP image while page is loading

[srirambv]

Description

Blank whitespace under NTP image while page is loading. Originally reported at https://community.brave.com/t/when-navigation-from-dashboard-bookmarks-bar-is-hidind-and-white-stripe-is-showed/39753

Steps to Reproduce

1. Open a new tab
2. Type in a site and wait for the page to load
3. Once bookmarks bar is hidden the image jumps creating a blank space at the bottom

Actual result:

Expected result:

Should not create a blank whitespace

Reproduces how often:

Easy

Brave version (brave://version info)

All

Reproducible on current release:

• Does it reproduce on brave-browser dev/beta builds?
  Yes

Website problems only:

• Does the issue resolve itself when disabling Brave Shields?
• Is the issue reproducible on the latest version of Chrome?

Additional Information

Might be fixed with #1306

[rebron]

Looks like this is still an issue with new tab page in 60.x still, only really apparent if page is slow to load.

[rossmoody]

I have a small amount of insight @petemill pointed out to add to this for posterity. This is actually behavior Chrome exhibits too currently, it's not specific to Brave.

It relates to a user's setting for bookmark bar behavior. If you show it all the time, you won't see the jump. If you hide it, the frame change from NTP to web page will exhibit that jump as it loses the bookmark bar (because you can't hide bookmark bar on NTP). A way to mitigate noticing the stark white background is to give the body a dark grey background color. A more cohesive solve would be to investigate assigning the background image to the body. @karenkliu

[rebron]

@srirambv Is this still an issue?