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" />
<title>InvokeAI - A Stable Diffusion Toolkit</title>
<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">
</head>

View File

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

View File

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