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

[mscherotter]

Code of conduct

• 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

sp-color-field.mp4

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

Severity

SEV 3

Logs taken while reproducing problem

No response

[mscherotter]

added sample project that demonstrates the bug.

[mscherotter]

Here is a link to the reproduced sample: https://1drv.ms/u/s!AmvW0E0DYMdm4bsydGPKhVyDS9njdQ?e=u90WNB

[najikahalsema]

SWC-635