Thick border appearing in form list on Android 4.4.4

1

Hi all,

I’m having issues with forms on my Android device - here is a photo of what happens:

image

The code is just a standard form using the format:

  <label class="item item-input">
    <input type="text" placeholder="First Name">
  </label>
  <label class="item item-input">
    <input type="text" placeholder="Last Name">
  </label>
  <label class="item item-input">
    <textarea placeholder="Comments"></textarea>
  </label>

<label class="item item-input item-select">
    <div class="input-label">
      Lightsaber
    </div>
    <select>
      <option>Blue</option>
      <option selected>Green</option>
      <option>Red</option>
    </select>
  </label>

I appear to get random borders which are thicker than others, for example around ‘Comments’. This doesn’t happen on CodePen or ionic serve so it just appears to be a device issue. This is using Android version 4.4.4 with a Samsung Galaxy Active Tab.

2

Have you tried it on an emulator/different device?

3

Yes, it appears to work on Android 5.0, but I’m not sure my device can update to that.