SOLVED: Datepicker - Incorrect use of <label for =FORM ELEMENT>

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL:link

Hello I have a problem with datepicker field in the bricks form. In the console I can see error " Incorrect use of
The label’s for attribute doesn’t match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.

To fix this issue, make sure the label’s for attribute references the correct id of a form field."

I tried also to set the label as the form-field name, the id and set up also an attribute name but nothing changed. Is it a bug or am I setting up something wrong?

Thanks

2

Hi Rudy,
Thanks so much for your report!

These notices are “Possible improvements” (blue flag), not errors (red flag with x).

image
image2192×454 43.9 KB

That’s a known flatpickr issue (the datepicker library):

Unfortunately, we have not yet found a solid js datepicker alternative that is being actively developed that could replace flatpickr. If you know one, please let us know :v:

Best regards,
timmse

3

Hi @timmse thank you for your answer. I’m not referring to the “Possible improvements” (blue flag) but to the “Page Errors” (red flag with a cross). I’ll attach a picture so you can see better

image
image2034×780 56.8 KB

4

Aah ok, now I see and can replicate the issue. Thanks!
I’ve added it to the bug tracker :v:

5

Hello @timmse , do you have some updates on the issue?

6

Hi guys,

We’ve fixed this issue in Bricks 1.10.2, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

You can see the full changelog here: Bricks 1.10.2 Changelog – Bricks

Best regards,
M