Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: IonInput's onIonChange not fired on Safari when type="file" and file was selected

See original GitHub issue

Bug Report

Ionic version: [ ] 4.x [x] 5.x

Safari 13.0.5 on macOS 10.15

Current behavior: IonInput’s onIonChange is not fired when file was selected

Expected behavior: IonInput’s onIonChange is fired when file was selected

Steps to reproduce:

<IonInput type="file" onIonChange={e => console.log('onIonChange', e)} />

Other information: Works on Firefox though

Ionic info:


Ionic:

   Ionic CLI       : 6.10.1 (/Users/lars/.config/yarn/global/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 5.2.2

Capacitor:

   Capacitor CLI   : 2.0.2
   @capacitor/core : 2.2.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v14.4.0 (/usr/local/Cellar/node/14.4.0/bin/node)
   npm    : 6.14.4
   OS     : macOS Catalina

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

larsblumbergcommented, Aug 3, 2020

Thanks @liamdebeasi. We can easily go with an alternative, non-Ionic solution. Semantically I understand why you don’t want your ion-text component to support files. Give the broad references of type="file" in the docs, I thought you overlooked the file upload feature. I’m looking forward to the release of v6!

0reactions

ionitron-bot[bot]commented, Sep 2, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Top Results From Across the Web

App Rejected - Ion-Input Login Iss…

I am using React + Ionic/Capacitor for my iOS app and keep getting my app rejected due to the reviewer being unable to...

javascript file input onchange not working [ios safari only]

onchange is not triggered until the Client actually selects a file or files. .click() may not work in some Browsers on <input type='file'...

ionic Archives

Compare and contrast Flutter and Ionic to help select the framework most ... lines="none"> <IonInput value={title} placeholder="Title" onIonChange={e ...

react hook form two submit buttons

I had the same problem and I resolved it the following way: I have two buttons, the first bottom validates and submits the...

onIonChange is triggering more than one input on Ionic 5 ...

There seems to be an issue with onIonChange event due to which on first input it gets triggered on every IonInput and returns...