Open
Description
Code of conduct
- I agree to follow this project's code of conduct.
Impacted component(s)
sp-slider
Expected behavior
Slider should emit 'input' events when handle is moved.
Actual behavior
Performing the actions in the attached video, the component stops sending 'input' events. Only 'change' events are emitted.
The screen capture didn't record the mouse cursor, but it's only interacting with the slider.
Screenshots
Screencast.from.2025-06-07.17-11-30.webm
What browsers are you seeing the problem in?
Chrome
How can we reproduce this issue?
- Open the debug console.
- Click on the slider line or move the slider: 'input' events are emitted, besides 'change' events.
- After moving the slider, click on the slider line, so that the handle moves there. No more 'input' events are emitted, even if you drag the slider.
Sample code or abstract reproduction which illustrates the problem
<!doctype` html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="module">
// minimum theme imports:
import '@spectrum-web-components/theme/spectrum-two/theme-dark.js';
import '@spectrum-web-components/theme/spectrum-two/theme-light.js';
import '@spectrum-web-components/theme/spectrum-two/scale-medium.js';
import '@spectrum-web-components/theme/sp-theme.js';
import '@spectrum-web-components/slider/sp-slider.js';
window.addEventListener('load', async function() {
const slider1 = document.getElementById("slider1");
async function slider1Event(e){
console.log(e.type, e.target.value);
}
slider1.addEventListener('input', slider1Event);
slider1.addEventListener('change', slider1Event);
});
</script>
</head>
<body>
<sp-theme id="theme-tag" system="spectrum-two" scale="medium" color="dark">
<div>
<sp-slider id="slider1" label="Scale" editable
min="0" max="10" step="0.1" value="1"></sp-slider>
</div>
</sp-theme>
</div>
</body>
</html>Severity
SEV 2
Logs taken while reproducing problem
No response
Would you like to track this issue in Jira?
- Yes, please tell me the ticket number!