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

onFocus handle to focus tabbed blocks #6314

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

Wagner3UB
Copy link
Contributor

@Wagner3UB Wagner3UB commented Sep 24, 2024

The focus issue when entering a block using the Tab key has been fixed. Now, the onFocus function works similarly to the onClick function, giving focus to the block and activating the visible border and functional buttons (drag, delete, and add block).

To reproduce this issue:
1-Enter edit mode
2-Press Tab to move from the title to the first block
3-Go back to the title by pressing the Up Arrow key
4-Press Tab again

-Without this fix, the focus would not appear on the block.

P.S.: At this point, the focus is trapped and those buttons are not accessible yet, we can change block pressing arrow up/down, but those buttons aren't focusable. This will be fixed soon (I hope).

Copy link

netlify bot commented Sep 24, 2024

Deploy Preview for plone-components canceled.

Name Link
🔨 Latest commit 0c339e2
🔍 Latest deploy log https://app.netlify.com/sites/plone-components/deploys/672099ee9131550008270daf

@Wagner3UB Wagner3UB changed the title fix: onFocus handle to focus tabbed blocks - file cleaned fix: onFocus handle to focus tabbed blocks Sep 24, 2024
@Wagner3UB Wagner3UB changed the title fix: onFocus handle to focus tabbed blocks onFocus handle to focus tabbed blocks Sep 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
99 tag: UX Accessibility Accessibility issues
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants