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.

[ionitron-bot]

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.