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

Compare commits

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

3 commits
24f6741c0c ... 61facdbfb9

Author SHA1 Message Date
DarkWiiPlayer
61facdbfb9 Change input type to search 2024-12-19 15:26:07 +01:00
DarkWiiPlayer
4dfb800006 Add part for default placeholder 2024-12-19 15:19:32 +01:00
Wii
2377d395c3
Update Z-Indices 2024-12-19 14:53:01 +01:00
2 changed files with 7 additions and 3 deletions
Show stats Expand all files Collapse all files

4
src/BetterSelect.css
View file

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

6
src/BetterSelect.js
View file

@ -42,7 +42,6 @@ export class BetterSelect extends HTMLElement {
static styleSheet = css`
:host {
position: relative;
z-index: 100;
display: inline-block;
}
* {
@ -78,6 +77,7 @@ 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 id="placeholder" aria-hidden="true"></span>
<span part="placeholder" id="placeholder" aria-hidden="true"></span>
</slot>
</div>
<dialog id="dialog" part="drop-down">
<input type="search" id="input" part="search" type="text"></input>
<input type="search" id="input" part="search" type="search"></input>
<ul id="list" part="list"></ul>
<slot id="loading" name="loading"></slot>
</dialog>