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

Hide hover card when infonav dropdown is hidden #800

Open
matthew-white opened this issue Nov 26, 2024 · 0 comments
Open

Hide hover card when infonav dropdown is hidden #800

matthew-white opened this issue Nov 26, 2024 · 0 comments
Labels
frontend Requires a change to the UI

Comments

@matthew-white
Copy link
Member

Right now, a hover card is hidden (1) when the user mouses away from the anchor element and (2) when the anchor element is removed from the DOM. However, once we add infonav buttons, I think we will also need to hide the hover card when the anchor element is hidden. I'm thinking of a sequence like the following:

  • Click the "Updates X Entity Lists" infonav button. That should show a dropdown of entity lists.
  • Hover over the first entity list in the dropdown. That should show a hover card.
  • Press the Escape key. That will hide the dropdown. It should also hide the hover card. However, as hover cards are implemented today, it won't hide the hover card.

Maybe we could use an intersection observer for this? Or maybe we don't need to do something generic like that, and we could just have the infonav button be responsible for hiding the hover card as needed.

@matthew-white matthew-white added the frontend Requires a change to the UI label Nov 26, 2024
@github-project-automation github-project-automation bot moved this to 🕒 backlog in ODK Central Nov 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Requires a change to the UI
Projects
Status: 🕒 backlog
Development

No branches or pull requests

1 participant