Fixes disappearing cursor edge case

This commit is contained in:
psychedelicious
2022-10-31 16:18:01 +11:00
parent 6ebddf09c2
commit c19b02ab21
4 changed files with 14 additions and 12 deletions

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>InvokeAI - A Stable Diffusion Toolkit</title> <title>InvokeAI - A Stable Diffusion Toolkit</title>
<link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" /> <link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
<script type="module" crossorigin src="./assets/index.5735336f.js"></script> <script type="module" crossorigin src="./assets/index.fb948d0a.js"></script>
<link rel="stylesheet" href="./assets/index.bb945c0a.css"> <link rel="stylesheet" href="./assets/index.bb945c0a.css">
</head> </head>

View File

@ -300,15 +300,17 @@ const InpaintingCanvas = () => {
/> />
)} )}
</Layer> </Layer>
<Layer> {shouldShowMask && (
{shouldShowBoundingBoxFill && shouldShowBoundingBox && ( <Layer>
<InpaintingBoundingBoxPreviewOverlay /> {shouldShowBoundingBoxFill && shouldShowBoundingBox && (
)} <InpaintingBoundingBoxPreviewOverlay />
{shouldShowBoundingBox && <InpaintingBoundingBoxPreview />} )}
{shouldLockBoundingBox && ( {shouldShowBoundingBox && <InpaintingBoundingBoxPreview />}
<InpaintingCanvasBrushPreviewOutline /> {shouldLockBoundingBox && (
)} <InpaintingCanvasBrushPreviewOutline />
</Layer> )}
</Layer>
)}
</> </>
)} )}
</Stage> </Stage>

View File

@ -112,7 +112,7 @@ const InpaintingBoundingBoxPreview = () => {
() => () => { () => () => {
const container = stageRef.current?.container(); const container = stageRef.current?.container();
if (!container) return; if (!container) return;
container.style.cursor = 'none'; container.style.cursor = 'unset';
}, },
[shouldLockBoundingBox] [shouldLockBoundingBox]
); );