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; display: none;
} }
&::part(placeholder) {
min-height: 1.4em;
}
&.search::part(search) { &.search::part(search) {
display: block; display: block;
} }

6
src/BetterSelect.js
View file

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