ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

bug: v7 - React - onClick doesn't work in ionButton inside ionSelect

Open julio-bandeira opened this issue 1 year ago • 0 comments

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

The new functionality insert ionButton inside ionSelect work noramly to visualize but when is insert a function like the onClick dosen't work, the event isn't fired, have othen events that work normaly like onTouch(Start or End).

Expected Behavior

Just when insert the onClick and click the event be fire.

Steps to Reproduce

<IonSelect
        label='Level 1'
        placeholder="Select Level 1"
        labelPlacement="floating"
        fill="solid"
        value={'test'}
        onIonChange={e=>{}}
>
       <IonSelectOption value="test">Opt</IonSelectOption>
       <IonButton fill="clear" slot="end" onClick={e=>{alert('fire')}}>
          <IonIcon slot="icon-only" color='dark' icon={addCircle}></IonIcon>
       </IonButton>
</IonSelect>

Code Reproduction URL

No response

Ionic Info

[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package.json'

   Require stack:
   - C:\Users\Arcano\AppData\Roaming\npm\node_modules\@ionic\cli\lib\project\index.js
   - C:\Users\Arcano\AppData\Roaming\npm\node_modules\@ionic\cli\lib\index.js
   - C:\Users\Arcano\AppData\Roaming\npm\node_modules\@ionic\cli\index.js
   - C:\Users\Arcano\AppData\Roaming\npm\node_modules\@ionic\cli\bin\ionic

Ionic:

Ionic CLI : 7.1.1 (C:\Users\Arcano\AppData\Roaming\npm\node_modules@ionic\cli) Ionic Framework : @ionic/react 7.6.4

Capacitor:

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

Utility:

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

System:

NodeJS : v18.16.0 (C:\Program Files\nodejs\node.exe) npm : 9.5.1 OS : Windows 10

Additional Information

No response

julio-bandeira avatar Jan 11 '24 17:01 julio-bandeira