On Safari, bwalarm settings pages don't show properly - impossible to reach some settings

[jcooper-korg]

The component:

• Current version: v1.12.4
• Last known working version (if any):

Your setup:

• Home Assistant version: v0.114.3
• Last known working Home Assistant version (if any):
• OS: macOS 10.15.6
• Browser name & version: Safari 13.1.2

Describe the bug
Clean install of HA, latest 114.3 on Hass.io. Clean install of master branch bwalarm.
On Safari, when I click on one of the bwlarm settings pages, like Design or Alarm, it shows already partially scrolled down. Scrolling down works, but can't scroll all the way up, so it can't reach the top row of navigation icons, etc. Enlarging the window reveals more, but can't make the window big enough to show everything.

Here's how the Alarm settings page looks on Safari, scrolled up as far as it'll go:

On Chrome 84.0.4147.135, it works properly:

To Reproduce
Using Safari, log into the panel settings, and then click on one the icons like Design or Alarm. Note that the page is shown already partially scrolled there's no way to scroll up. Scrolling down works.

[jcooper-korg]

The problem also exists on my amazon fire 7 tablet (can't see the Settings title and navigation icons, and can't scroll up):

and also when showing the sensor list (the "All Sensors" title, and the first entries are missing, and it won't let me scroll up):

[jcooper-korg]

This bug is quite problematic. As you can see in that last picture-- since the open sensors are sorted to the top, and you can't see or scroll to the top of the list, you can't see which windows/doors are open when trying to arm.
Any ideas what might be causing this scrolling issue?

[akasma74]

Well, I'm not an expert in web design, looks like some HTML/JS stuff works differently in Safari..
I spent some time transforming the original panel's code and it worked for the majority of us.
Can't comment further as atm don't have time to look into it but will do that as soon as possible.

However, ultimately and maybe pretty soon it will change completely for various reasons as it should become a Lovelace card. The trouble is I need to learn how to do that.. :\

[jcooper-korg]

Thanks for your work on this! Note- it's not just safari-- it's also happening on the fire tablet browser, which is our wall-mounted interface and primary means of using the alarm.

[jcooper-korg]

The problem also exists when viewing the panel settings from within the home assistant companion iOS app.

[akasma74]

Thanks for the extensive description.
Looks like something unsupported in some browsers..