Hi,
I have been having problems with white space being shown on the elastic pull on Safari/MacOS. This issue doesn't appear to happen on Chrome or Edge. Can you help me solve it?
The domain is: forteinnovations.com if you want to have a look to check.
It's using Helix Ultimate with SP Page Builder
The domain is: www.forteinnovations.com
latest Joomla and latest Helix Ultimate
Hi, Sorry to say that I don't see any space in Safari. Here is a screenshot.
Thanks,
Mamun
Hi,
Here's how you get that
on your mouse scrollwheel,
scroll down
then, scroll up
see the white horizontal space appear.
keep doing that and the white horizontal space gets larger, vertically.
Thanks.
Hi,
Yes that is Safari browser feature or bug. Also that white space show chrome you can check that. For chrome we can stop that white space using a CSS property but Safari don't support that CSS property. I can give solution for Safari that will not work for first scroll but after first scroll like second, third etc will work perfectly. Here is a stackoverflow thread on this issue. Let me know your decision, will you stay as it is or need the fix as I mention above.
Here is a video proof that Chrome show white space on scrolling.
Thanks,
Mamun
Hi Francesco,
I think you understand the issue. Please accept the answer to close the thread.
Thanks,
Mamun
Hi Al,
I saw your video in your reply for your screen. It seems that the elastic issue is working for your screen. If you would make a video of my webisite showing it working, then I will believe it.
To your point, I don't think I want to follow the issue outlined int the Stackoverflow thread.
Thanks, Ronny
So it is working! How did you fix it on your Chrome? In my chrome, there is zero elastic
Here is how it looks in my Safari v14.0.2
https://ronnyk-medullas.tinytake.com/tt/NTAxMTQ1N18xNTc2NDQ1OQ
And in Chrome,
https://ronnyk-medullas.tinytake.com/tt/NTAxMTQ2MF8xNTc2NDQ2Mg
In Chrome, while there is no elastic, at least, there is no white bar at the top.
Please tell share how yours works?
