Safari Footer Bug

[itopaloglu83]

Hello,

It seems like there is a bug related to how the footer element is rendered in Safari. It is somehow pushed down 20px forcing the Safari to always show a scrollbar. You can see the issue just by opening the app with Safari, no further steps are needed.

From what I can surmise, it's caused by two child components of the main overflowing 20px top and bottom. I experimented with my limited CSS knowledge and updating the style.scss seems to resolve the issue while keeping Chrome happy.

main {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: calc(100% - 156px);
}

I was going to create a pull request but wanted to start a discussion about it first in case I missed something.

[Joxit]

Hi, thank you for using my project and submitting issues 😊

Can you post one screenshot for the posterity?

[itopaloglu83]

Thank you for the project!

Before:

main {
  min-height: calc(100% - 136px);
}

After:

main {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: calc(100% - 156px);
}

[Joxit]

Thank you for the details, this should be fixed in v2.5.2

I used flex instead of this old min-height to also support screens with small width.