Black background appears when using HTML input data-list with Ionic

Problem: Black bar appears when using the “dropdown” button on a HTML input data-list

2020-11-25 07.42.45650×1312 612 KB

Code:

   <div className="MobileDropdownInput">
      <input className="input" list="browsers" placeholder="Channel" />
      <datalist id="browsers">
        <option value="Internet Explorer"></option>
        <option value="Firefox"></option>
        <option value="Google Chrome"></option>
        <option value="Opera"></option>
        <option value="Safari"></option>
      </datalist>
    </div>

Is there a workaround to avoid this, or change the “black” to a different colour for a better experience.

1 post - 1 participant

Read full topic