adobe / adobe/spectrum-web-components
[Bug]: Picker text overflow does not wrap according to spec
- 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
### 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
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