Pickr scroll bug

by Simonwep

HTML

Scroll down until you see the square.
</p>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

<div id="color-pickr"></div>
click me!

<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

CSS

#color-pickr {
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}

JavaScript

const pickr = Pickr.create({
	el: document.getElementById('color-pickr'),
	theme: 'monolith',
	defaultRepresentation: 'HEX',
	swatches: ['#000', '#fff'],
	components: {
		preview: true,
		opacity: true,
		hue: true,

		interaction: {
			hex: true,
			rgba: true,
			input: true,
			clear: true,
			save: true
		}
	}
});