![]() ![]() ![]() 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 sliders. If you had a tooltip or a help section in your app that described the shortcut you should remove it. Please see Releases for more information on what has changed recently.ĭouble-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. 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. ![]() The right color picker, but not the framework you're looking for?Ĭolor Picker on npm npm install in your app: import ColorPicker from App(). 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. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |