spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

Published 20 hours ago • verified publisher icon adobe

[Bug]: Selection indicator in Tab and TopNav should be updated when content size changes

Open motss opened this issue 3 years ago • 0 comments

Code of conduct

  • [X] I agree to follow this project's code of conduct.

Impacted component(s)

Tabs, TopNav

Expected behavior

Tabs and TopNav should always update its selection indicator when its content size changes such as each child element changes in its size due to any dynamic updates.

Actual behavior

The selection indicator does not update when the Tabs and TopNav change in their content size.

Screenshots

selection indicator does not update

What browsers are you seeing the problem in?

Firefox, Chrome, Safari, Microsoft Edge

How can we reproduce this issue?

  1. Go to this reduced test case
  2. Run the demo and you should see the rendered TopNav with long text in each children
  3. Wait for 3 seconds to see each children of TopNav changes its content with a shorter text
  4. You should see the selection indicator does not update when the content changes

Sample code that illustrates the problem

Simple reduced test can be found at https://jsbin.com/mehidizuda/edit?html,css,output.

Logs taken while reproducing problem

N/A

motss avatar Aug 10 '22 12:08 motss