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