portal trick on bz-select options
This commit is contained in:
+15
-3
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user