SOLVED: Form date field renders bad on Android

[macksix]

Bricks Version: 1.6.2
Browser: Chrome 109.0.5414.117
OS: Android 13; SM-A136U Build/TP1A.220624.014
URL: n/a

The date field renders bad on Andriod.

[timmse]

Hey,
Thanks so much for your report!

The flatpickr datepicker on mobile (iOS/Android) is a known Flatpicker issue, please see:

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

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 { di…

We’ll try to add some default CSS to improve the date field, as Flatpickr no longer seems to be actively developed.

Best regards,
timmse

[macksix]

I now remember using that fix on Elementor before. Thank you.

[timmse]

Hi guys,
We’ve fixed this issue in Bricks 1.7 beta, now available as a manual download in your Bricks account: Account – Bricks

Since the mobile styles from Flatpickr are completely inconsistent, we decided to disable the mobile support, but as far as I can see, it works on both iOS and Android (and looks the same as the other fields).

Please let us know if you are still experiencing issues and if you find a good, actively developed Datepicker alternative

Best regards,
timmse