portal trick on bz-select options

This commit is contained in:
STEINNI
2026-06-05 15:16:01 +00:00
parent 7f4e13c5e0
commit 63f894f526
2 changed files with 124 additions and 18 deletions
+15 -3
View File
@@ -41,7 +41,17 @@ bz-select > div.options-container{
transition: max-height 0.4s ease;
}
bz-select > div.options-container.open{ pointer-events: auto; max-height: 10em;}
bz-select option{
div.options-container.portaled{
pointer-events: none;
position: fixed;
z-index: 10000;
max-height: 0;
overflow: auto;
transition: max-height 0.4s ease;
}
div.options-container.portaled.open{ pointer-events: auto; max-height: 10em;}
bz-select option,
div.options-container option{
background-color: #DDD;
border: 1px solid black;
color: #000;
@@ -57,12 +67,14 @@ bz-select option{
margin-top 0.3s ease,
opacity 0.3s ease;
}
bz-select option.open{
bz-select option.open,
div.options-container option.open{
margin: 0;
opacity: 1;
pointer-events: auto;
}
bz-select option:hover{
bz-select option:hover,
div.options-container option:hover{
background-color: #44F;
color: #FFF;
}