© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
1 reply
eliaszobody

Color Picker JavaScript Change Event

I'm trying to add a live preview of an element that uses a custom color defined in a filament ColorPicker. In javascript I'd like to add an event listener on the input which runs whenever the value of the input is changed.

picker.addEventListener('input', () => {...})
picker.addEventListener('input', () => {...})
only triggers when the value is manually changed by typing on the keyboard. But if the input value is changed by dragging around on the color picker popup, the event is not triggered.

Is there some other javascript event that is dispatched whenever someone drags on the color picker popup, or is there some other way to hook into that?
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Color/Colour Picker
FilamentFFilament / ❓┊help
3y ago
Change Color
FilamentFFilament / ❓┊help
2y ago
Filament v2 - Color picker lazy/debounce
FilamentFFilament / ❓┊help
2y ago
change background color
FilamentFFilament / ❓┊help
3y ago