adobe / adobe/spectrum-web-components

[Bug]: sp-color-field 1.1.2 color swatch does not scroll with text control.

Open
#5,109 3 comments 0 reactions 1 assignee Claimed by @blunteshwar View on GitHub
bug Component:Color field 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-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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.