Flatpickr in a mobile browser (field outlines)

Hi JR33, any chance you can provide a screenshot or two to explain what you're seeing?

Of course CamM 😉
Here is a screenshot when disableMobile is set to true :
All is ok, you can see the field... But when I set to false...
The field is still here, you can click on it and choose a date but no outlines anymore 😂
Is there a way to fix that please ?

Strange... I can't seem to replicate the behaviour you're seeing. Are you sure you don't have any CSS that might be impacting on the text input field?
For reference, my testing was with the following JavaScript added to the addOnLoad section -:
jQuery("#"+this.questionId+" .InputText").flatpickr({
enableTime: "false",
altInput: "true",
altFormat: "F j, Y",
dateFormat: "Y-m-d",
disableMobile: "false",
});
If I set

disableMobile: "true"

I think the problem is in the header... Can you show me what you have put in your Look&Feel please ?

Hi JR33, certainly can 🙂
Here you go -:


Cheers,
Cameron

Any luck, JR33?

I'm afraid not.
The first time, I implementated the "airbnb" css theme and now I always getting this theme even if I'm not calling it in the jquery... (+ deleted to the header).
I think my mysterious issue come from that... Otherwise I exactly put the same code than you posted above.

Hi JR33,
Sorry to hear it’s still not working for you.
It might be worth going back to basics (assuming you haven’t already done so) by creating a dummy survey with just the flatpickr question and no special css theming to see whether you encounter the problem? If it doesn’t present, then you can gradually add in your theme customisations until you discover the culprit.
Cheers,
Cameron

That's what I tried to do and it's always the same problem. I really dont know why... Maybe the problem is on my iPhone settings...
Can you check with yours please ? https://teresamonroesandbox.ca1.qualtrics.com/jfe/form/SV_9EwCOkxU31iFbr8

Add this CSS rule:
.InputText.flatpickr-input.flatpickr-mobile {border-color:#000;height:1.5em;}

https://community.qualtrics.com/XMcommunity/discussion/comment/48961#Comment_48961Thank you TomG, as you can see in the link above the field is not hidden anymore : ))