bug: none of the events of ion-input are firing after the @ionic/vue 8.4.3 update

[ozgurg]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

In 8.4.2, events of ion-input fire normally, but after updating to 8.4.3, nothing fires anymore. It breaks completely.

Related issues: #30170 - #30177 - #30178.

Expected Behavior

In 8.4.3, ion-input events should fire as they did in 8.4.2 without any breaking changes.

Steps to Reproduce

Folder Information

• ✅ 8.4.2-vue: Works
• ❌ 8.4.3-vue: Does not work. This is the bug.

Steps to Reproduce

1. Run npm run dev in each folder individually.
2. Open http://localhost:5173/.
3. Open the developer console.
4. You'll see an ion-input labeled "Default input".
5. Interact with the input as follows:
   • Focus (ionFocus)
   • Unfocus (ionBlur)
   • Enter a value (ionInput)
   • Click outside after input (ionChange)
6. In 8.4.2-vue, you'll see console logs as expected. In 8.4.3-vue you won't.

Code Reproduction URL

https://github.com/ozgurg/ionic-8.4.3-event-issue-reproduce

Ionic Info

[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module
       '@capacitor/ios/package.json'
       
       Require stack:
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/lib/project/index.js
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/lib/index.js
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/index.js
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/bin/ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module
       '@capacitor/android/package.json'
       
       Require stack:
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/lib/project/index.js
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/lib/index.js
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/index.js
       -
       /Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli/bin/ionic

Ionic:

   Ionic CLI       : 7.2.0 (/Users/ozgurg/.nvm/versions/node/v20.18.3/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/vue 8.4.3

Capacitor:

   Capacitor CLI      : 7.0.1
   @capacitor/android : not installed
   @capacitor/core    : 7.0.1
   @capacitor/ios     : not installed

Utility:

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

System:

   NodeJS : v20.18.3 (/Users/ozgurg/.nvm/versions/node/v20.18.3/bin/node)
   npm    : 10.8.2
   OS     : macOS Unknown

Additional Information

The 8.4.3 changelog only mentions Vue. I only reproduced it with Vue, but other frameworks and components may have the same issue.

The reproduce projects was created using ionic start reproduce blank. Only the versions of @ionic/vue and @ionic/vue-router were fixed to reproduce the bug. The only file modified was src/views/HomePage.vue. Everything else remains the same as in the "blank" starter template.

[brandyscarney]

Thank you for the issue! We're currently investigating this, along with all other related Vue issues introduced in version 8.4.3.