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

Improve modal navigation with arrow up key to fully display previous element #2433

Open
dariasavinova opened this issue Jan 8, 2025 · 0 comments

Comments

@dariasavinova
Copy link

Description

When navigating through the modal using the arrow up key, the previous element is not fully visible.
Instead, it's only partially displayed, which makes it difficult for users to see the entire content of the previous element.
This issue was first encountered on the Vue documentation site but is reproducible wherever DocSearch is embedded.

Steps to reproduce

  1. Go to playground
  2. Open the modal.
  3. Scroll down within the modal to a point where the previous element is partially visible or fully invisible.
  4. Use the arrow up key to navigate to the previous element.

Expected behavior

When navigating to the previous element using the arrow up key, the element should be fully visible within the modal.

Current behavior:
current-behaviour

Proposed solution:
solution

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