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.

Sign up for GitHub

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

Jump to bottom

[tabs] Focus outline does not wrap content #10419

Open
2 of 6 tasks
mpayson opened this issue Sep 27, 2024 · 0 comments
Open
2 of 6 tasks

[tabs] Focus outline does not wrap content #10419

mpayson opened this issue Sep 27, 2024 · 0 comments
Labels
0 - new New issues that need assignment. ArcGIS Online Issues logged by ArcGIS Online team members. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. estimate - 2 Small fix or update, may require updates to tests. impact - p2 - want for an upcoming milestone User set priority impact status of p2 - want for an upcoming milestone needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - medium Issue is non core or affecting less that 60% of people using the library

Comments

@mpayson
Copy link

mpayson commented Sep 27, 2024 •
edited by jcfranco
Loading

Check existing issues

Actual Behavior

The tab focus outline only wraps visible content, not the tab content. As the user scrolls, the tab focus scrolls out of screen and cuts across the tab content

Expected Behavior

The focus outline wraps the tab content, or changes as the user scrolls

Screenshot 2024-09-27 at 12 19 33 PM

Reproduction Sample

https://codepen.io/mpayson/pen/JjqKzOK

Reproduction Steps

  1. Open the code pen
  2. Scroll the tab content
  3. See the focus outline scrolls with, and cuts across the tab content (gray background)

Reproduction Version

2.12

Relevant Info

No response

Regression?

No response

Priority impact

impact - p2 - want for an upcoming milestone

Impact

No response

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-angular
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Online
@mpayson mpayson added 0 - new New issues that need assignment. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. needs triage Planning workflow - pending design/dev review. labels Sep 27, 2024
@github-actions github-actions bot added ArcGIS Online Issues logged by ArcGIS Online team members. impact - p2 - want for an upcoming milestone User set priority impact status of p2 - want for an upcoming milestone labels Sep 27, 2024
@geospatialem geospatialem added p - medium Issue is non core or affecting less that 60% of people using the library estimate - 2 Small fix or update, may require updates to tests. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. and removed needs triage Planning workflow - pending design/dev review. labels Nov 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
0 - new New issues that need assignment. ArcGIS Online Issues logged by ArcGIS Online team members. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. estimate - 2 Small fix or update, may require updates to tests. impact - p2 - want for an upcoming milestone User set priority impact status of p2 - want for an upcoming milestone needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - medium Issue is non core or affecting less that 60% of people using the library
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@geospatialem @mpayson