Wappler/Bootstrap element incompatibility with Safari

Hey all,

So i’ve noticed a few elements not working with Safari (I use Safari sometimes to QA two sides of our marketplace).

Two namely are the file upload element, and jut now the date picker.

Is this known, and expected - and are there any workarounds for this?

What is not working for these in Safari?

1 Like

Sorry Telford, should have been more descriptive. I’ll take some screens tomorrow - but essentially the file upload doesn’t open on click and the date picker is blank - just like a text input. I’ll take screens and share tomorrow.

Ok, maybe also post the code for both so i can test myself.

Hi @Teodor ,

This is the file upload input code:

<input id="fileupload_submission_resume" name="fileupload_submission_resume" type="file" class="form-control-file" required="">

What happens in Chrome: Click on the ‘Choose File’ button, and a file browser opens so the user can select the file.
What happens in Safari: Click on the ‘Choose File’ button, and nothing happens. No file browser opens.

For the date input, this is the code:

<input id="input_started_date" name="input_started_date" type="date" class="form-control">

Screen of this working in Chrome:

Screen in Safari (just a blank input field):

The date input has nothing to do with any of our components… It’s a standard HTML5 date input type and it does not work in safari as you expect as safari does not support them: https://caniuse.com/input-datetime

Not IE does. And date inputs look totally different in different browsers.
I already explained this to you in some other topic you posted about the same thing.

Repeating myself, but If you want to have a cross browser compatible date picker which looks the same in every browser use the date picker component!

Ok, Teodor.

And the file upload input?

Could it be some bug in Safari like:

https://discussions.apple.com/thread/252063851

I saw quite a lot of topics about this in apple forum?

1 Like

Looks like it from the forum post. Thank you for your help.