SOLVED: Chrome rounding problem causes hidden sticky header to protrude from top of screen

Bricks Version: 1.4RC2

On Chrome and on certain conditions of screen size, window size, browser zoom, OS scaling factor, we can see a very thin line of header on top of viewport when sticky header is hidden.

Header is actually hidden with transformY(-100%), and when you change it to -101%, the thin line disappears.

It is a known rounding issue of fractionnal pixels with Chrome.

I guess 100% is not enough to hide header in all cases :wink:

image

Hi Yan,
thanks for your report!

Life would be so simple if there was only one browser and one resolution… is noted!

Best regards,
timmse

It is very MINOR, since it seems to happen only in specific situations like responsive window in Chrome (F12 + CTRL-M) and zoom change.

Same issue with shape dividers:

With bottom: -1, it is OK.

I’m not sure you need to care for this, actually…
If no end user reported it, I guess it is because I spend a lot of time in debug window with different zooms :wink:

1 Like

You can change the position by yourself for the shape divider if the problem arises, so I think we should leave it at 0.

Yes, no pb.

In fact you might delete my post.

Hi Yan,

Better late than never, we’ve increased the transform value to 101% in Bricks 1.8 beta 2, now available as a manual download in your account.

Please let us know if you are still experiencing issues.

As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.