[BUG] Advanced FileUploader in Dialog in IOS

[arnyee]

[X] bug report => Search github for a similar issue or PR before submitting

Hi, I really love your project but I think I found a bug, and I hope you can help me to fix it.

I need to add a FIleUploader in a dialog, but if I test it with an apple device, the choose button is not working, only working with double tap. I test it with an iPhone SE but I get another bug requests from another IOS devices. This is wrong in multiple browser (I tested it in chrome and safari). I checked in your page and fileuploader is working, but it isn't in a dialog.

Primevue version: 3.11.1
Vue verison: 3.2.30

<Dialog v-model:visible="showUploadFilesForm" class="timeline-file-upload-dialog" :style="{width: '80%'}" header="Add files" :modal="true" @hide="hideUploadFilesDialog()" > <div > <FileUpload :customUpload="true" @uploader="onUploadFiles($event)" :multiple="true" :disabled="submitted"> <template #empty> <p>Drag and drop files to here to upload</p> </template> </FileUpload> </div> </Dialog>

I hope you can help me, and together can find a solution for this

[arnyee]

Hi, I think I found something. As I check your, FileUpload demo page, with my Test iPhone device, i found that primevue generate this css :
.p-fileupload-choose:not(.p-disabled):hover { background: #0d89ec; border-color: #0d89ec; color: #fff; } .p-fileupload-choose:not(.p-disabled):active { background: #0b7ad1; border-color: #0b7ad1; color: #fff; }

On my prod site, with prod yarn build, but it isn't generated it in your test page!

I use Saga-Blue Theme, but the same is true for all themes

I upgraded Primevue version: 3.12.0

[arnyee]

Sorry, The problem wasn't with the primevue, Your project is awesome.