Hi, could you send me your file with this issue to m.szymanska@mdbootstrap.com? Best, Marta

---

I think the jquery-ui autocomplete is not playing nicely with the other styling that MDB adds on. What I found was this fragment in jquery-ui.css:866

.ui-widget-content {
    border: 1px solid #7e7783;
    background: #3d3644 url(images/ui-bg_gloss-wave_30_3d3644_500x100.png) 50% top repeat-x;
    color: #ffffff;
}

But you can see that the image (which in this case is a dark wavy thing) is not repeated vertically. So it seems that jquery-ui expects a max-height on the widget, but perhaps mdb expands it(?). So what I've done is added this into my css: .ui-widget-content.ui-autocomplete.ui-menu {background-color: #3d3644 !important;} This way the background of the popup autocomplete panel hides the webpage material underneath and the white text of the autocomplete is visible. If this is a design issue with MDB, perhaps it could get looked at...

---