From dfbb883a80df87849e8e6820f8fc1704f1395bea Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Thu, 24 Feb 2022 10:17:17 +0200 Subject: [PATCH] pass z-index --- wax-prosemirror-components/src/components/Overlay.js | 2 +- wax-prosemirror-services/src/OverlayService/usePosition.js | 7 +++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/wax-prosemirror-components/src/components/Overlay.js b/wax-prosemirror-components/src/components/Overlay.js index 47397c5c9..fabbf8872 100644 --- a/wax-prosemirror-components/src/components/Overlay.js +++ b/wax-prosemirror-components/src/components/Overlay.js @@ -7,7 +7,7 @@ const OverlayContainer = styled.div` left: ${props => `${props.position.left}px`}; position: ${props => props.position.position}; top: ${props => `${props.position.top}px`}; - z-index: 999; + z-index: ${props => props.position.zIndex}; `; const Overlay = props => ( diff --git a/wax-prosemirror-services/src/OverlayService/usePosition.js b/wax-prosemirror-services/src/OverlayService/usePosition.js index ffef79441..32d86bad5 100644 --- a/wax-prosemirror-services/src/OverlayService/usePosition.js +++ b/wax-prosemirror-services/src/OverlayService/usePosition.js @@ -12,13 +12,11 @@ const defaultOverlay = { }; export default options => { - const { - view: { main }, - activeView, - } = useContext(WaxContext); + const { activeView } = useContext(WaxContext); const [position, setPosition] = useState({ position: 'absolute', + zIndex: 999, ...defaultOverlay, }); @@ -107,6 +105,7 @@ export default options => { useLayoutEffect(() => { setPosition({ position: 'absolute', + zIndex: 999, ...updatePosition(options.followCursor), }); }, [JSON.stringify(updatePosition(options.followCursor))]); -- GitLab