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>

[cpelikan]

I found the solution! With the meta viewport like this work fine for me.

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0">

[milonas115]

Rewrote the entire plugin because it unfortunately sucks. https://jsfiddle.net/c6buv1j8/11/

See #4152