bug: @ionic/react can not trigger "event.stopPropagation()"
AlwaysLoveme opened this issue · 0 comments
AlwaysLoveme commented
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
import {IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonCheckbox} from '@ionic/react';
import './Home.css';
import {useRef, useEffect} from 'react'
const Home: React.FC = () => {
const ref = useRef<HTMLSpanElement>(null)
useEffect(() => {
ref.current?.addEventListener("click", (e) => {
e.stopPropagation();
});
}, [])
return (
<IonPage>
<IonHeader>
<IonToolbar>
<IonTitle>Blank</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent fullscreen>
<IonHeader collapse="condense">
<IonToolbar>
<IonTitle size="large">Blank</IonTitle>
</IonToolbar>
</IonHeader>
<IonCheckbox>
123123
<span ref={ref}>StopPropagation</span>
</IonCheckbox>
</IonContent>
</IonPage>
);
};
export default Home;
click on SPAN ,trigger CheckBox selected
Expected Behavior
click on SPAN ,not trigger CheckBox change event
Steps to Reproduce
- ionic start test
- create react project
Code Reproduction URL
https://codesandbox.io/p/github/AlwaysLoveme/test/main?import=true
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/Users/anonymous/.nvm/versions/node/v22.11.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 8.4.1
Utility:
cordova-res : not installed globally
native-run : not installed globally
System:
NodeJS : v22.11.0 (/Users/anonymous/.nvm/versions/node/v22.11.0/bin/node)
npm : 10.9.0
OS : macOS Unknown
Environment:
http_proxy : http://127.0.0.1:7890
https_proxy : http://127.0.0.1:7890
Additional Information
No response