adobe / adobe/spectrum-web-components

[Bug]: sp-color-area does not change hue when hue value changes

Open
#4,978 1 comment 0 reactions 0 assignees View on GitHub
bug Component:Color area SEV 2
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)

Add-on development for Adobe Express

### Expected behavior

When the hue value is updated in the sp-color-area, the hue of the area will change. It does not.
The hue of the circle on the area does change, but the background gradient does not.
This can be easily seen with using the control with the hue slider here:
https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/color-area--joint

### Actual behavior

The hue does not changed as expected.

### Screenshots

![image](https://github.com/user-attachments/assets/973149c8-6dcc-43db-839a-b18158e37f47)

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

Chrome, 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

_No response_

### Severity

SEV 2

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the sp-color-area joint story in Storybook and reproduce the issue by changing the hue slider in Chrome or Edge. Compare the changing hue circle with the unchanged background gradient; done means the area gradient updates when the hue value changes.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.