WAIT: Form: Date fields and number fields does not display placeholder text on mobile

Bugs
1

The placeholder text does not show in Safari or Chrome on IPhone. I have not tested it any other mobile devices.

It just shows up blank, with whatever styling is applied to the input fields.

Anyone else having this problem?

Temaets navn: Bricks Child Theme
Tema versjon: 1.1
Temaforfatter: Bricks
Temaforfatter URI: https://bricksbuilder.io/
Tema er barnetema:
Navn på overordnet tema: Bricks
Overordnet temaversjon: 1.6
Foreldretema URI: https://bricksbuilder.io/
Foreldre tema forfatter URI: https://bricksbuilder.io/
2

Hi Stein,
Thanks so much for your report!

I can’t find any problem with the number fields. The date picker problem is a known flatpicker (the JS library we use for the date picker) problem:

In the GitHub report, you’ll find some custom CSS that might fix the issue:

.flatpickr-mobile:before {
  content: attr(placeholder);
  color: gray;
}

.flatpickr-mobile:focus[value]:not([value=""]):before {
  display: none;
}

input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile:before {
  display: none;
}

Best regards,
timmse