bug: popover select does not work in @ionic/[email protected]+

[aparajita]

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

• v4.x
• v5.x
• v6.x
• v7.x
• Nightly

Current Behavior

When I click on a select that is configured as a popover, there is a runtime error and the popover does not appear.

Error:

Uncaught (in promise) TypeError: Invalid value used as weak map key
    at WeakMap.set (<anonymous>)
    at Object.attachViewToDom (@ionic_vue.js?v=95484b8b:22026:12)
    at attachComponent (@ionic_vue.js?v=95484b8b:4456:21)
    at proxyCustomElement.hasController.present (@ionic_vue.js?v=95484b8b:5590:31)
    at proxyCustomElement.disabled.open (@ionic_vue.js?v=95484b8b:14363:19)

Expected Behavior

There should be no error.

Steps to Reproduce

Open the stackblitz and click on the popover. Then open the console and view the error.

Code Reproduction URL

https://stackblitz.com/edit/angular-ysm5ef

Ionic Info

Ionic:

Ionic CLI : 6.20.8 (@Ionic[email protected]/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 6.5.1 (@Ionic[email protected]/node_modules/@ionic/vue)

Capacitor:

Capacitor CLI : 4.6.2
@capacitor/android : 4.6.2 (@capacitor+android@4.6.2_@capacitor[email protected]/node_modules/@capacitor/android)
@capacitor/core : 4.6.2 (@capacitor[email protected]/node_modules/@capacitor/core)
@capacitor/ios : 4.6.2 (@capacitor+ios@4.6.2_@capacitor[email protected]/node_modules/@capacitor/ios)

Utility:

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

System:

NodeJS : v19.5.0
npm : 9.3.1
OS : macOS Monterey

Additional Information

I'm seeing this in both Brave and Firefox, M1 MBP.

The cause:

• popover.js#present calls attachComponent, passing the string 'ion-select-popover' as the component argument.
• attachComponent calls attachViewToDom, which tries to use that string as the key to a weak map, which doesn't work.

[aparajita]

FYI, I did some testing with earlier versions and the bug appeared in 6.4.

[liamdebeasi]

Thanks! Here is a dev build with a proposed fix if you are interested in testing: 6.5.2-dev.11674852369.1c9fe737

[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.