typo icon indicating copy to clipboard operation
typo copied to clipboard

Published 20 hours ago • verified publisher icon tomfran

Wrong footer placement on Safari

Open tomfran opened this issue 1 year ago • 5 comments

The footer is not behaving as expected on Safari, the min height of the body seems to be too high. I tried experimenting with height values with no success. The issue is not present on Chrome.

Here is an example, you can see the need to scroll on Safari to reveal the footer.

Screenshot 2024-07-18 at 20 31 30 Screenshot 2024-07-18 at 20 31 34

tomfran avatar Jul 18 '24 18:07 tomfran

I can't reproduce this on Safari Version 18.1 (20619.2.8.11.10) using the latest commit (8c8da7151a69c193eb3aa960ad840968fc21485f). Tried switching to light theme too.

runofthemillgeek avatar Oct 29 '24 19:10 runofthemillgeek

Could it be a Safari problem? Do you maybe have other browsers at hand? Nice if it fixed itself

tomfran avatar Oct 29 '24 21:10 tomfran

Not sure, if you're still seeing this issue on a site you have hosted somewhere, drop a link here so that I can check. I checked in Chrome & Firefox and they look good too.

runofthemillgeek avatar Oct 30 '24 19:10 runofthemillgeek

https://tomfran.github.io on Safari shows the problem for me, just checked

tomfran avatar Oct 30 '24 20:10 tomfran

Yeah, that definitely seems like a quirky thing happening w/ Safari. I couldn't come up with a repro but it seems to go away if you remove margin-bottom on .social-icons. I'm quite sure it has something to do with min-height and margin but again, couldn't reproduce it.

But should report this on https://webcompat.com I think.

runofthemillgeek avatar Oct 30 '24 21:10 runofthemillgeek