Materialize Autocomplete ignores styling
GlennVanSchil opened this issue · 1 comments
The Autocomplete dropdown does not hover over the other elements, instead it pushes them down.
Sorry for the low quality image, whenever I tried to make screenshot it, the dropdown closed itself.
The inspector gives me the following styling
.autocomplete-content {
margin-top: -20px;
margin-bottom: 20px;
display: block;
opacity: 1;
position: static;
}
.dropdown-content {
background-color: #fff;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
display: none;
min-width: 100px;
max-height: 650px;
overflow-y: auto;
opacity: 0;
position: absolute;
z-index: 999;
will-change: width, height;
}
When I change the position: absolute
to position: absolute !important
the position: static;
becomes ignored, so I made that important as well and this "solves" he problem, but this only works if I edit this inside browser inspector.
I did not override the autocomplete-content or dropdown-content inside another css file.