Skip to content

Popup contains a link, but closes when popup trigger loses focus. #15

@joedolson

Description

@joedolson

Testing on https://progressplanner.com/why-fair-matters-now/

  • I've read and understood the contribution guidelines.
  • I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened

When navigating using the keyboard, tabbing to the link inside the glossary popup causes the popup to close, losing focus and preventing the user from activating the link.

To Reproduce

Step-by-step reproduction instructions

  1. Place cursor position before the FAIR glossary link.
  2. Tab to focus the glossary trigger, observing the popover opening.
  3. Tab again to focus the glossary link.

Expected results

  1. The popover should stay open, allowing the user to read the text and follow the link.

Actual results

  1. The popover closes.

Screenshots, screen recording, code snippet

If possible, please provide a screenshot, a screen recording or a code snippet which demonstrates the bug.

Technical info

  • If relevant, which editor is affected (or editors):
  • Block Editor
  • Gutenberg Editor
  • Elementor Editor
  • Classic Editor
  • Other:
  • Which browser is affected (or browsers):
  • Chrome
  • Firefox
  • Safari
  • Other:

Used versions

  • Device you are using: Laptop computer
  • Operating system: Windows 11
  • PHP version:
  • WordPress version:
  • WordPress Theme:
  • Plugin version:
  • Gutenberg plugin version:
  • Elementor plugin version:
  • Classic Editor plugin version:
  • Relevant plugins in case of a bug:

Metadata

Metadata

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions