Search code examples
jquerycssinputautocompletematerialize

materialize: autocomplete input moves content down


I'm using the autocomplete input of materialize but I've noticed that the content is moved down when I do the search, I've try to use position absolute property but it doesn't work, it just makes the content enter on the input, what should I do?

this is my code

<div class="input-field col s12 m4 l4 xl4">
      <input type="text" id="servicios" name="servicios" class="autocomplete">
      <label for="servicios-input">Servicios</label>
       </div>
       <div class="input-field col s12 m2 l2 xl2">
           <button class=" btn_edit_continue waves-effect waves-light btn" type="button" name="action" id="agregarServicio">Agregar</button>
       </div>

enter image description here

enter image description here


Solution

  • I've resolved it, the autocomplete dynamic ul has a static position settled by default, just set it to absolute and the problem will be solved