luci-mod-status: syslog scroll buttons inert on iOS Safari browser

[dave14305]

Steps to reproduce:

1. go to: Status → System Log using an iOS/iPadOS Safari browser with LuCI Bootstrap theme
2. Click the Scroll to tail button. Nothing happens.
3. Scroll manually to the bottom of the page. Click the Scroll to head button. Nothing happens.
4. Repeat same steps on the Kernel log page.

Actual behavior:

1. No scrolling

Expected behavior:

1. Scrolling to bottom or top of page as worked earlier in 23.05. Broken with 9370bdd

Additional Information:

OpenWrt version information from system /etc/openwrt_release

DISTRIB_ID='OpenWrt'
DISTRIB_RELEASE='23.05.3'
DISTRIB_REVISION='r23809-234f1a2efa'
DISTRIB_TARGET='x86/64'
DISTRIB_ARCH='x86_64'
DISTRIB_DESCRIPTION='OpenWrt 23.05.3 r23809-234f1a2efa'
DISTRIB_TAINTS=''

luci-mod-status - git-24.141.29354-5cfe7a7

[Paul Donald]

I can at least confirm this behaviour on iOS Safari. @McGiverGim wanna take a crack at fixing?

[Míguel Ángel Mulero Martínez]

I don't have any mac/apple product. I will be out of my computer for one month more or less. I can give it a try then. I will need to install safari on my windows to reproduce it?

[dave14305]

Consider using .scrollIntoView() instead of .focus(). Seems to work on iOS Safari and Windows Chrome for the current BootStrap theme.

[Paul Donald]

@dave14305 your suggestion worked fine. Committed. Thanks!