[logbook] fix scrolling on iOS

[KapJI]

Proposed change

Fix issue when you can scroll only one item at time on iOS/ipadOS.

My theory is that when you try to append element to shadow root the current scroll action is reset and new events are not fired before you start scrolling again. This doesn't happen when you append to normal element inside shadow root.

And this is what this change does. lit-virtualizer creates shadow root when scroll() doesn't. And to function properly we need to manually set styles which were added to shadow root before.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes logbook scrolling issue on mobile browsers Safari and Chrome & iOS Home Assistant app #4791, fixes Logger screen scrolling problem on iOS  #4814
• This PR is related to issue:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

Great!

[KapJI]

@bramkragten do you mind merging this one as well?

[WilldabeastHA]

Thanks for fixing this! What’s the best way to update this fix on my Home Assistant Core?

[KapJI]

@WilldabeastHA If you want it today then follow these instructions to use development version: https://developers.home-assistant.io/docs/frontend_development/
Or just wait before the next version is released.