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-input
type="date"
></sl-input>
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-input[type="date"]::part(input)::-webkit-calendar-picker-indicator {
background-image: none;
}