adobe / adobe/spectrum-web-components

[Bug]: Tabs overflow button remains visible when there is no more scroll in RTL

Open
#5,427 1 comment 0 reactions 0 assignees View on GitHub
bug Component:Tabs SEV 3
Dominant language
TypeScript
Stars
1.5k
Forks
262
Avg merge
3d 10h
Merged PRs (30d)
68

Description

### Code of conduct

- [x] I agree to follow this project's code of conduct.

### Impacted component(s)

sp-tabs-overflow

### Expected behavior

When the tabs overflow has reached the end of the scroll container, the tabs overflow button should not be visible.

### Actual behavior

The tabs overflow button appears even when there is no more overflow.

### Screenshots

### What browsers are you seeing the problem in?

_No response_

### How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/tabs-overflow-sizes--m&globals=system:express;textDirection:rtl
2. Click on the tabs overflow button until Tab Item 20 is visible
3. Observe the tabs overflow button still visible

### Sample code or abstract reproduction which illustrates the problem

_No response_

### Severity

SEV 3

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the sp-tabs-overflow component and reproduce the issue in the linked Storybook story with textDirection:rtl. Click the overflow button until Tab Item 20 is visible, then inspect how the component determines whether more scrolling is available. Done means the overflow button is hidden when the tabs have reached the end of the scroll container.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.