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

fix(NcPopover): emit after-show after focus-trap init to correctly return focus when content set focus initially (e.g. NcEmojiPicker) #6342

Merged
merged 2 commits into from
Feb 12, 2025

Conversation

ShGKme
Copy link
Contributor

@ShGKme ShGKme commented Jan 2, 2025

☑️ Resolves

after-show was triggered before the end of init, including focusing on the elements using focus-trap.

This broke focus-trap auto return focus when NcPopover content focused an element on after-show, making it the element to return focus to.

Same for after-hide.

Additionally, fixed types of related setReturnFocus, which allows function

image

🖼️ Screenshots

🏚️ Before 🏡 After
focus moves to body focus returns to the trigger
before after

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable
  • 3️⃣ Backport to next requested with a Vue 3 upgrade

ShGKme added 2 commits January 2, 2025 18:03
`after-show` was triggered before the end of init, including focusing on the elements using `focus-trap`.

This broke `focus-trap` auto return focus when `NcPopover` content focused an element on `after-show`, making it the element to return focus to.

Same for `after-hide`.

Signed-off-by: Grigorii K. Shartsev <[email protected]>
@ShGKme ShGKme added bug Something isn't working 3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities labels Jan 2, 2025
@ShGKme ShGKme added this to the 8.21.1 milestone Jan 2, 2025
@ShGKme ShGKme requested review from DorraJaouad and Antreesy January 2, 2025 18:12
@ShGKme ShGKme self-assigned this Jan 2, 2025
@ShGKme ShGKme requested a review from Pytal January 2, 2025 18:12
@ShGKme
Copy link
Contributor Author

ShGKme commented Jan 2, 2025

/backport to next

@ShGKme ShGKme added feature: popover Related to the popovermenu component feature: emoji picker Related to the emoji picker component labels Jan 2, 2025
@susnux susnux modified the milestones: 8.21.1, 8.23.0 Jan 15, 2025
Copy link
Contributor

@Antreesy Antreesy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested

@susnux susnux merged commit c0657d8 into master Feb 12, 2025
19 checks passed
@susnux susnux deleted the fix/NcEmojiPicker--return-focus branch February 12, 2025 19:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities bug Something isn't working feature: emoji picker Related to the emoji picker component feature: popover Related to the popovermenu component
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[NcEmojiPicker] Focus is lost on close
3 participants