Shoelace select double scrollbars bug

Demo for issue https://github.com/shoelace-style/shoelace/issues/814

by tikosar

HTML

<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/dist/shoelace.js"></script>

<sl-select placement="bottom">
  <sl-menu-item value="option-1">Option 1</sl-menu-item>
  <sl-menu-item value="option-2">Option 2</sl-menu-item>
  <sl-menu-item value="option-3">Option 3</sl-menu-item>
</sl-select>

CSS

@import 'https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/dist/themes/light.css';

body {
  font: 16px sans-serif;
  background-color: var(--sl-color-neutral-0);
  color: var(--sl-color-neutral-900);
	height: 100vh;
	margin: 0;
  display: grid;
	place-content: center;
}

sl-select {
	width: 20rem;
}