From 283b28878897c8314de23eccbef487467972f1b7 Mon Sep 17 00:00:00 2001 From: Aminejv Date: Mon, 9 Aug 2021 20:42:53 +0100 Subject: [PATCH] fix(Previews): popup overflow --- components/core/CollectionPreviewBlock/index.js | 8 ++++++-- components/core/ObjectPreview/ObjectPreviewPrimitive.js | 8 ++++++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/components/core/CollectionPreviewBlock/index.js b/components/core/CollectionPreviewBlock/index.js index 0177cf2d..5b31c9bf 100644 --- a/components/core/CollectionPreviewBlock/index.js +++ b/components/core/CollectionPreviewBlock/index.js @@ -282,12 +282,16 @@ const useAnimateDescription = ({ const descriptionControls = useAnimation(); useMounted(() => { + const extendedDescriptionElement = extendedDescriptionRef.current; + if (!extendedDescriptionElement) return; + if (isDescriptionVisible) { - descriptionControls.start({ visibility: "initial", opacity: 1, transition: { delay: 0.2 } }); + extendedDescriptionElement.style.opacity = 1; + descriptionControls.start({ opacity: 1, transition: { delay: 0.2 } }); return; } - descriptionControls.set({ opacity: 0, visibility: "hidden" }); + extendedDescriptionElement.style.opacity = 0; }, [isDescriptionVisible]); return { containerVariants, descriptionControls }; diff --git a/components/core/ObjectPreview/ObjectPreviewPrimitive.js b/components/core/ObjectPreview/ObjectPreviewPrimitive.js index 5844e724..97129f0c 100644 --- a/components/core/ObjectPreview/ObjectPreviewPrimitive.js +++ b/components/core/ObjectPreview/ObjectPreviewPrimitive.js @@ -282,12 +282,16 @@ const useAnimateDescription = ({ const descriptionControls = useAnimation(); useMounted(() => { + const extendedDescriptionElement = extendedDescriptionRef.current; + if (!extendedDescriptionElement) return; + if (isDescriptionVisible) { - descriptionControls.start({ visibility: "initial", opacity: 1, transition: { delay: 0.2 } }); + extendedDescriptionElement.style.opacity = 1; + descriptionControls.start({ opacity: 1, transition: { delay: 0.2 } }); return; } - descriptionControls.set({ opacity: 0, visibility: "hidden" }); + extendedDescriptionElement.style.opacity = 0; }, [isDescriptionVisible]); return { containerVariants, descriptionControls };