materialize: Can't select options or scroll in select input on mobile

I can’t seem to figure out why this happens, when I try to select an option on a select input on android mobile it doesn’t select it, instead, it selects what’s behind it. If I click on the select input and then again on the first options (which is on top of the input) the select will close and reopen like if I clicked the input instead of the option.

<div className="input-field col s12 m6">
  <select
    name={`${categoryId ? 'categoryId' : 'category'}`}
    value={categoryId}
    onChange={handleChange}
  >
    <option value="" selected disabled>Seleccione una opción</option>
    {
      categories.map((category, index) => (
        <option key={index} value={category.id}>{category.name}</option>
      ))
    }
  </select>
  <label>Categoría</label>
</div>