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

(Accessibility) top right "Filter out" hover menu in result list conflicts with browser scroll bar #192664

Closed
najumali opened this issue Sep 12, 2024 · 4 comments · Fixed by #192756
Labels
blocked EUI impact:low Addressing this issue will have a low level of impact on the quality/strength of our product. Project:Accessibility Team:DataDiscovery Discover, search (e.g. data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. upstream

Comments

@najumali
Copy link

[Please add a WCAG level label: WCAG A/AA/AAA]

Steps to reproduce

  1. Search something in Kibana Discover
  2. Try to filter out top right column value
  3. Depending on OS and Browser, your mouse cursor starts conflicting with the "filter out minus symbol" and the browser´s scrollbar by hovering at this position (see gif attachment)

[Screenshot here]

Actual Result

  • Depending on OS and Browser, your mouse cursor starts conflicting with the "filter out minus symbol" and the browser´s scrollbar by hovering at this position. So very hard to hit the "minus symbol" (see gif attachment)

Expected Result

  • No UI conflict by hovering at the top right position regarding "filter out"

Meta Issue

Kibana Version:
v 8.11.1

OS:
Mac Os 14.6.1 (23G93)

Browser:
Firefox 128.1.0esr (64-Bit)

Screen reader: [if relevant]

Relevant WCAG Criteria: [#.#.# WCAG Criterion - Level A/AA/AAA](link to https://www.w3.org/WAI/WCAG21/quickref/)

Relevant ARIA spec: [](link to https://www.w3.org/TR/wai-aria-practices/)

Image

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@botelastic botelastic bot added the needs-team Issues missing a team label label Sep 12, 2024
@lukasolson lukasolson added Team:DataDiscovery Discover, search (e.g. data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. and removed needs-team Issues missing a team label labels Sep 18, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

@davismcphee
Copy link
Contributor

This issue should be addressed by #192756 since it will update all cell actions to be left aligned (they've already been moved to above the cell in a recent release to avoid overlapping cell content).

@kertal kertal added impact:low Addressing this issue will have a low level of impact on the quality/strength of our product. EUI labels Sep 19, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-team (EUI)

@davismcphee davismcphee linked a pull request Sep 19, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blocked EUI impact:low Addressing this issue will have a low level of impact on the quality/strength of our product. Project:Accessibility Team:DataDiscovery Discover, search (e.g. data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. upstream
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants