fix(plate): check is click inside component, popover issue

core-ds · Aug 23, 2021 · bea8a7d · bea8a7d
1 parent 436fdc0
commit bea8a7d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/plate/src/Component.tsx b/packages/plate/src/Component.tsx
@@ -140,13 +140,18 @@ export const Plate = forwardRef<HTMLDivElement, PlateProps>(
 
         const handleClick = useCallback(
             event => {
+                const eventInsideComponent =
+                    plateRef.current && plateRef.current.contains(event.target);
+
                 const eventInsideContent =
                     contentRef.current && contentRef.current.contains(event.target);
 
                 const clickSimilarKeys = ['Enter', ' '].includes(event.key);
 
                 const shouldChangeIsFolded =
-                    !eventInsideContent && (event.type === 'click' || clickSimilarKeys);
+                    eventInsideComponent &&
+                    !eventInsideContent &&
+                    (event.type === 'click' || clickSimilarKeys);
 
                 if (foldable && shouldChangeIsFolded) {
                     if (uncontrolled) {