InfomediaLtd/angular2-materialize

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.

image uploaded from ios
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.

I have the same problem now, it is possible to change css in web browser only
Content moves down. My css is ignored
obraz
obraz