mdbStickyHeader disappearing on iOS Safari

Topic: mdbStickyHeader disappearing on iOS Safari

raichshlv pro priority vip early access asked 4 months ago

Expected behavior When scrolling to the top, navbar is visible. Actual behavior Navbar is visible while actually scrolling to the top, but just as it stops at the very top, the navbar goes away as if scrolled down. Resources (screenshots, code snippets etc.) This also happens on your demo at https://ng-demo.mdbootstrap.com/navigation/sticky-header

Arkadiusz Idzikowski staff commented 4 months ago

Thank you for letting us know about this problem, we will take a closer look at that.

Which version of the Safari browser do you use?

raichshlv pro priority vip early access commented 4 months ago

I was running iOS 14.2 and whichever latest version is currently available for it. The same issue also happened on an old iPad 2 running iOS 9. I guess the Safari animation, which triggers page reload, when pulling the page down, causes the navbar to disappear.

raichshlv pro priority vip early access commented 4 months ago

Have you checked this out? Any ETA on a fix?

Arkadiusz Idzikowski staff commented 4 months ago

@raichshlv We managed to reproduce this bug on our end, but we still need to find the cause of the problem and we can't provide an ETA yet.

jasper heeren commented 3 months ago

Having the same problem, any workaround available till a fix will be published?

Arkadiusz Idzikowski staff commented 3 months ago

@jasper heeren Unfortunately, we can't provide a workaround, because we didn't find the cause of the problem yet.

jasper heeren commented 3 months ago

Any updates on this?

rhaouari commented 3 months ago

having the same issue with safari on Mojave

Arkadiusz Idzikowski staff commented 3 months ago

We are still working on this issue. We will update the thread when the fix will be ready or if we find any workaround that may help in this case.

Add comment

Write

Create snippet

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: Angular
MDB Version: 10.0.1
Device: iPad, iPhone
Browser: Safari
OS: iOS
Provided sample code: No
Provided link: Yes

raichshlv

56Support score
3Questions 3Answers

0Snippets likes 0Snippets

Service	Why?	Agreement
Essential cookies	These cookies are strictly necessary to provide you with services available through our websites and to use some of its features, such as access to secure areas. Because these cookies are strictly necessary to deliver the websites, you cannot refuse them without impacting how our websites function. You can block or delete them by changing your browser settings.	No Yes
Functional	These cookies are used to enhance the performance and functionality of our websites but are non-essential to their use. However, without these cookies, certain functionality may become unavailable. These cookies are served by brandflow.net.	No Yes
Google AdWords	These cookies are used to make advertising via Google AdWords messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes
Facebook Pixel	These cookies are used to make advertising Facebook messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes

raichshlv

Privacy Preferences