Bug: Color picker sometimes goes off top of screen
See original GitHub issueSummary
The color picker goes off the top of the screen when there isn’t enough space for it below the input.
For example, with the configuration
Coloris({
el: '.coloris_input',
format: 'hex',
selectInput: false,
focusInput: false,
themeMode: this.editor.lightMode ? 'light' : 'dark',
swatches: [
Color4.red.toHexString(),
Color4.purple.toHexString(),
Color4.blue.toHexString(),
Color4.yellow.toHexString(),
Color4.green.toHexString(),
Color4.clay.toHexString(),
Color4.black.toHexString(),
Color4.white.toHexString(),
],
});
I get,
and
Expected Behavior
The color picker should go below the input.
Issue Analytics
- State:
- Created a year ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Odd color picker behavior on Windows 10 when picking a ...
This may be out-of-scope (e.g. because the color picker is third party), but I've noticed an issue when trying to pick a color...
Read more >Colour picker magnifier graphic getting stuck in middle of screen
It cannot be moved with the stylus, it doesn't disappear if I go to pick another colour, it does not move with the...
Read more >Bug 740634 – Color picker crashes when there are multiple ...
Crashes only with the color picker within the color dialog; the top-level color picker tool works fine. FWIW, I have a dual-monitor setup:...
Read more >Bug in Sketch 62. Cant see entire color picker and can't scroll ...
It's very annoying. However there is a way you can get it back to normal. Just collapse and expand the colour picker window...
Read more >Google Chrome color picker isn't responding - Stack Overflow
The main issue is that when your dev tools are docked to the bottom of the window, then the color picker will not...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I just pushed a new release with a new theme called “pill” that does what I described above.
I just pushed 0.16.0 to NPM with this fix as well. Nice work @mdbassit