Date Picker shows email selector and date selector at same time when ID is "mail"

Wappler Version : 4.0.1
Operating System : Win10
Server Model: PHP
Database Type: MySQL

What do you think should happen?

Just the Date Picker should show.

What actually happens?

Both an email selector and date selector show at same time.

How to reproduce

When INPUT field is made into a Date Picker and the ID has the letters "mail" as part of it (and the placeholder), such as id="inp_job_date_emailed", then the Date Picker shows both an email/address selector and date selector at same time.

image

When I make these two changes everything seems to be OK

image

Very strange I know :frowning:

This has gone on for some time and was first spotted in about v.3.8.x but I have only just realised what is making it happen.

Nothing really related to Wappler, this is all controlled by the browsers.
Before, it was possible to set autocomplete="off" on your inputs, so this stopped browsers from suggesting auto-filling what's stored in your browser, but now they mostly ignore it.
There are hundreds of discussions about this and developers are using weird workarounds and hacks to avoid this.

Just a few examples ...

You can try making the input read-only so no input is available, or change the id to something different as you already discovered.

Thanks for the explanation and reading material. I wasn’t sure if it was something in the Date Picker combined with some reserved words. I had noticed that the autocomplete=“off” wasn’t working.

Anyway, I have it working very well now and just need to remember this for future.

Thanks again to the king of knowledge :grin:

1 Like