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

[Bug]: sp-tab label tab focus is slightly clipped on the edge when it is used within sp-tabs-overflow

Open monkeyjabs opened this issue 2 years ago • 4 comments

Code of conduct

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

Impacted component(s)

sp-tabs-overflow, sp-tabs

Expected behavior

Component should properly adjust space for tab focus rectangle when it is used within sp-tabs-component

Actual behavior

Tab focus is slightly clipped on the left most tab item. Tabs focus top and bottom is slight clipped for sp-tabs compact mode

Screenshots

PixelSnap 2023-02-26 at 11 05 24

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

  1. Go to https://studio.webcomponents.dev/edit/g3mUl64601goXICOit6P/src/index.ts?p=stories
  2. Tab through the tabs examples
  3. Observe the top tabs compact mode and bottom regular mode

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

monkeyjabs avatar Feb 26 '23 19:02 monkeyjabs

@pfulton @jnjosh FYI this was brought up again.

Westbrook avatar Jul 28 '23 20:07 Westbrook

@najikahalsema / @pfulton I'd like to contribute to this one getting fixed, any discussions around it that I should be aware of?

Rocss avatar Aug 02 '24 11:08 Rocss

@najikahalsema / @pfulton I'd like to contribute to this one getting fixed, any discussions around it that I should be aware of?

@Rocss Not to my knowledge. Let me check with the teams and I'll get back to you!

najikahalsema avatar Aug 06 '24 23:08 najikahalsema

@pfulton Would you like to take this up or else we can add a contribution here! Let us know!

Rajdeepc avatar Oct 07 '24 12:10 Rajdeepc

We have this work tracked in our backlog and prioritize it there. If you need additional public-facing updates, please don't hesitate to reach out!

castastrophe avatar May 07 '25 17:05 castastrophe