adobe / adobe/spectrum-web-components
[Bug]: sp-color-field 1.1.2 color swatch does not scroll with text control.
- 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-color-field
### Expected behavior
the color swatch and edit field should move together when in a scrollable region.
### Actual behavior
I found a bug with the sp-color-field 1.1.2 Spectrum Web Component when put it in a scrollable region in a sp-tab-panel container, the color swatches do not move with the edit fields.
see attached video
https://github.com/user-attachments/assets/6156b7e4-dec5-47ad-86c3-ccca79b73405
### Screenshots
https://github.com/user-attachments/assets/bcad4039-0cfb-4c88-bc51-dd6ad71f4c16
### What browsers are you seeing the problem in?
Microsoft Edge
### How can we reproduce this issue?
1. Go to '...'
2. Click on '....'
3. Scroll to '....'
4. Check console
5. See error
### Sample code or abstract reproduction which illustrates the problem
[test-sp-color-field.zip](https://github.com/user-attachments/files/18911864/test-sp-color-field.zip)
### Severity
SEV 3
### Logs taken while reproducing problem
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.