question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug: Color picker sometimes goes off top of screen

See original GitHub issue

Summary

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, Screenshot of the color picker overflowing the top of the screen and screenshot of phone in landscape mode, color picker not overflowing

Expected Behavior

The color picker should go below the input.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
mdbassitcommented, Aug 11, 2022

I just pushed a new release with a new theme called “pill” that does what I described above.

1reaction
mellowarecommented, Aug 12, 2022

I just pushed 0.16.0 to NPM with this fix as well. Nice work @mdbassit

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found