Header(still) not displaying properly on scroll in safari

[palk]

Hi there,

There still is the issue of a not properly displayed header using the Safari Browser: https://assets.eightdaw.com/datei/Bildschirmaufnahme%202022-04-10%20um%2013.36.48.mov
https://signs-of-the-times.net

Any workarounds by now?

All the Best
Pavlo

[christian]

Hey Pavlo,

I have just found out that the cause of the issue is actually a conflict with the auto-height header and Safari. It looks like even the latest version of Safari does not work well when you scroll up quickly.

In my test, setting a fixed Height for the Bar would fix the issue. Please try setting 68px as your Bar’s Height.

I’ll add this additional context to our report.

Hope that helps.

[palk]

Hello Christian,

Thank you for the try … unfortunately it doesn’t work. I have fixed it using the following, custom CSS on the Bar Element. (Anyone copying it: keep in mind I have not thoroughly tested this.)

$el {
  position: fixed !important;
  left: 0;
  right: 0;
}

All the Best,
Pavlo

[tristup]

Hi Pavlo,

Glad to know that problem is resolved now and thanks for sharing the solution here.