Enable touch-clicks in react-draggable

Add onTouchEnd events for click functions inside react-draggable. Necessary because react-draggable prevents default click behavior.
This commit is contained in:
Snarling 2022-04-17 15:57:35 -04:00
parent 0fda1ecabf
commit 2e7b7c9d86
2 changed files with 5 additions and 5 deletions

@ -265,10 +265,10 @@ function LogWindow(props: IProps): React.ReactElement {
</Typography>
<Box position="absolute" right={0}>
{!workerScripts.has(script.pid) && <Button onClick={run}>Run</Button>}
{workerScripts.has(script.pid) && <Button onClick={kill}>Kill</Button>}
<Button onClick={minimize}>{minimized ? "\u{1F5D6}" : "\u{1F5D5}"}</Button>
<Button onClick={props.onClose}>Close</Button>
{!workerScripts.has(script.pid) && <Button onClick={run} onTouchEnd={run}>Run</Button>}
{workerScripts.has(script.pid) && <Button onClick={kill} onTouchEnd={kill}>Kill</Button>}
<Button onClick={minimize} onTouchEnd={minimize}>{minimized ? "\u{1F5D6}" : "\u{1F5D5}"}</Button>
<Button onClick={props.onClose} onTouchEnd={props.onClose}>Close</Button>
</Box>
</Box>
</Paper>

@ -130,7 +130,7 @@ export function Overview({ children, mode }: IProps): React.ReactElement {
size="small"
className={classes.visibilityToggle}
>
{<CurrentIcon className={classes.icon} color="secondary" onClick={() => setOpen((old) => !old)} />}
{<CurrentIcon className={classes.icon} color="secondary" onClick={() => setOpen((old) => !old)} onTouchEnd={() => setOpen((old) => !old)} />}
</Button>
</Box>
</Box>