Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Issue with toolbox #116

Open
msebarjr opened this issue Jun 23, 2024 · 1 comment
Open

Accessibility Issue with toolbox #116

msebarjr opened this issue Jun 23, 2024 · 1 comment

Comments

@msebarjr
Copy link
Contributor

msebarjr commented Jun 23, 2024

I have come across an accessibility issue when working with the toolbox plugin being displayed on Homepage.

Issue:
The toolbox plugin widgets that contain a textarea as an input is autofocusing when the page loads. The accessibility issue comes into play when a user moves that specific toolbox widget to the bottom of their screen on the custom homepage. Doing so, when a user either refreshes or visits the homepage, the autofocus brings the user to the portion of the page where the toolbox widget containing this textarea is placed. If this is located off screen at the bottom then this scrolls the user all the way to the bottom.

Replication of Accessibility Issue:

before.mp4

Solution:
The DefaultEditor component ( https://github.com/drodil/backstage-plugin-toolbox/blob/main/plugins/toolbox/src/components/DefaultEditor/DefaultEditor.tsx ) line 185 renders a TextField component that sets autofocus to true.

The autofocus should be removed

@msebarjr
Copy link
Contributor Author

I opened up a PR for this fix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant