darkwiiplayer/BetterSelect
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: darkwiiplayer:61facdbfb95b46f850f1c38c9051dc5a9ebfc28e
Branches Tags
darkwiiplayer:main
..
compare: darkwiiplayer:24f6741c0ccbb89aebf7d2da6fec25440efe549c
Branches Tags
darkwiiplayer:main

No commits in common. "61facdbfb95b46f850f1c38c9051dc5a9ebfc28e" and "24f6741c0ccbb89aebf7d2da6fec25440efe549c" have entirely different histories.
61facdbfb9 ... 24f6741c0c

2 changed files with 3 additions and 7 deletions
Show stats Expand all files Collapse all files

4
src/BetterSelect.css
View file

@ -48,10 +48,6 @@ better-select {
display: none;
}
&::part(placeholder) {
min-height: 1.4em;
}
&.search::part(search) {
display: block;
}

6
src/BetterSelect.js
View file

@ -42,6 +42,7 @@ export class BetterSelect extends HTMLElement {
static styleSheet = css`
:host {
position: relative;
z-index: 100;
display: inline-block;
}
* {
@ -77,7 +78,6 @@ export class BetterSelect extends HTMLElement {
position: absolute;
flex-flow: column;
margin: 0;
z-index: var(--layer-dropdown, 100);
}
[part="drop-down"]:modal {
margin: auto;
@ -134,11 +134,11 @@ export class BetterSelect extends HTMLElement {
<div id="display" part="display">
<span part="display-text" id="text"></span>
<slot name="placeholder" aria-hidden="true">
<span part="placeholder" id="placeholder" aria-hidden="true"></span>
<span id="placeholder" aria-hidden="true"></span>
</slot>
</div>
<dialog id="dialog" part="drop-down">
<input type="search" id="input" part="search" type="search"></input>
<input type="search" id="input" part="search" type="text"></input>
<ul id="list" part="list"></ul>
<slot id="loading" name="loading"></slot>
</dialog>