If you had a tooltip or a help section in your app that described the shortcut keys you should update it.ģ. This means that the Shift/Ctrl + ↑/→ / Shift/Ctrl + ↓/← non-standard key combos are replaced by the simpler PageDown and PageUp.
With v3 the keyboard shortcuts are better aligned with the suggested keys for any ( ). If you had a tooltip or a help section in your app that described the shortcut you should remove it.Ģ. Double-click to move the knob to the current position of the pointer is gone since this is now the default behavior as soon as the clicks on the palette. Please see for more information on what has changed recently.ġ. Even the Web Incubator Community Group acknowledges that in some cases a passive event listener can't be used. Touchmove is used with preventDefault() to block scrolling on mobile while rotating the color knob. Why does Google Chrome throw a Added non-passive event listener to a scroll-blocking 'touchmove' event.
* Ĭolor Picker on ( install in your app:Ĭonst = eState(. The right color picker, but not the framework you're looking for? * Mouse ScrollUp to increase and ScrollDown to decrease hue (Opt-in). * Enter to select a color and close the picker or to open it.
* Small size - 3.6 KB gzipped (JS and CSS combined) Developed with mobile devices and keyboard usage in mind. This is a flexible and minimalistic color picker. Selecting a color should be as easy as moving a slider, clicking a checkbox or pressing a key just like other basic form elements behave. Great UX starts with two basic principles - ease of use and simplicity.