Sticky sidebar is unexpected and has no indication it scrolls

[alex3305]

Feedback

I use larger font sizes and screen scaling because I'm visually impaired. On the old website the sidebar just scrolled along with the main content. Which is IMHO expected behavior. However with the new design I had a hard time figuring out how to access the overflown content. Especially on larger pages (such as the linked Google Assistant) this is IMHO not really clear. At first I had a hard time figuring out how to reach the bottom of the sidebar, because my page already scrolled down to the bottom, with no clear indication that there was anymore content available:

URL

https://www.home-assistant.io/integrations/google_assistant/

Version

No response

Additional information

As the sidebar is or can be used as an index I would suggest keeping it on screen all time or add an indication that the content is scrollable. Also IMHO such a layout can also lead to unexpected behavior where a user uses the scroll wheel but the main content doesn't visibly move. Which would require a user to have their pointing device at a specific place at the screen. This is 'fine' when you aren't visually impaired, but because I have screen zoom enabled the sidebar makes up about 25% of the viewable browser width.

Removing the position: sticky and max-height from the sidebar, and thus reverting to the old behavior would IMHO resolve this issue and enhance accessibility.

[home-assistant[bot]]

Hey there @home-assistant/cloud, mind taking a look at this feedback as it has been labeled with an integration (google_assistant) you are listed as a code owner for? Thanks!

Code owner commands

Code owners of `google_assistant` can trigger bot actions by commenting: - `@home-assistant close` Closes the feedback. - `@home-assistant rename Awesome new title` Renames the feedback. - `@home-assistant reopen` Reopen the feedback. - `@home-assistant unassign google_assistant` Removes the current integration label and assignees on the feedback, add the integration domain after the command. - `@home-assistant add-label needs-more-information` Add a label (needs-more-information) to the feedback. - `@home-assistant remove-label needs-more-information` Remove a label (needs-more-information) on the feedback.

[alex3305]

Still an issue

[alex3305]

Still an issue.

Also can the unintended label assignment please be removed? Thank you.