javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(react): prevent errors when dismissing inline popover after containing element is removed (#24569)

Browse Source
This commit is contained in:
Amanda Smith
2022-01-12 14:51:50 -06:00
committed by GitHub
parent 273ae2cc08
commit c8a392aef5
3 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/react/test-app/src/pages/overlay-components/PopoverComponent.tsx
View File

@ -30,6 +30,8 @@ const PopoverComponent: React.FC = () => {
event: undefined,
});
const [renderItem, setRenderItem] = useState(true);
return (
<IonPage>
<IonContent>
@ -70,6 +72,12 @@ const PopoverComponent: React.FC = () => {
>
Show Popover, hide after 250 ms
</IonButton>
{renderItem && <IonItem>
<IonButton id="openPopover">Open</IonButton>
<IonPopover id="popoverInItem" trigger="openPopover" dismissOnSelect={true}>
<IonButton id="removeItem" onClick={() => setRenderItem(false)}>Remove Item</IonButton>
</IonPopover>
</IonItem>}
</IonContent>
</IonPage>
);