variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix for the cursor conflict bug in firefox

Browse source
This commit is contained in:
Aria Minaei 2021-08-05 14:10:28 +02:00
parent efad07011a
commit f11da93840
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
theatre/studio/src/uiComponents/PointerEventsHandler.tsx
View file

@ -18,13 +18,12 @@ const Container = styled.div`
} }
` `
const CursorOverride = styled.div<{cursor: null | string}>` const CursorOverride = styled.div`
position: absolute; position: absolute;
inset: 0; inset: 0;
pointer-events: none; pointer-events: none;
#pointer-root:not(.normal) > & { #pointer-root:not(.normal) > & {
cursor: ${(props) => props.cursor ?? 'default'};
pointer-events: auto; pointer-events: auto;
} }
` `
@ -55,10 +54,12 @@ const PointerEventsHandler: React.FC<{
} }
}, []) }, [])
console.log(locks[0]?.cursor)
return ( return (
<context.Provider value={contextValue}> <context.Provider value={contextValue}>
<Container id={elementId} className={locks[0]?.className ?? 'normal'}> <Container id={elementId} className={locks[0]?.className ?? 'normal'}>
<CursorOverride cursor={locks[0]?.cursor}> <CursorOverride style={{cursor: locks[0]?.cursor ?? ''}}>
{props.children} {props.children}
</CursorOverride> </CursorOverride>
</Container> </Container>