adobe / adobe/spectrum-web-components

[Bug]: Picker text overflow does not wrap according to spec

Open
#4,839 0 comments 0 reactions 0 assignees View on GitHub
bug Component:Picker SEV 4 Spectrum CSS
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-picker

### Expected behavior

Menu item text overflow should wrap according to:
https://spectrum.adobe.com/page/picker/#Text-overflow

### Actual behavior

The menu items in `sp-picker` component do not wrap on text overflow

### Screenshots

picker-text-overflow

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

Chrome

### How can we reproduce this issue?

Issue can be reproduced with the sample code snippet

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

```
Choose an action...



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius pulvinar est, ut commodo massa dignissim rhoncus. Ut vehicula, mauris in placerat lacinia, metus dui malesuada turpis, vel aliquam justo.



Finish



Review

```

### Severity

SEV 4

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the sp-picker reproduction and compare its menu item text behavior with the Spectrum picker text-overflow specification. Verify the long sample item in Chrome and trace the sp-picker or sp-menu-item implementation; done means overflowing menu text wraps according to the linked specification without breaking the other items.

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
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.