From f1de95349c65476bbc18eac7af0b61072fdea100 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:52:39 +1000
Subject: [PATCH] fix(ui): update compositing rect when fill changes

---
 .../web/src/features/controlLayers/konva/CanvasMaskAdapter.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts
index da70ab1fa6..b472b9717b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts
+++ b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts
@@ -98,6 +98,10 @@ export class CanvasMaskAdapter {
       this.updateVisibility({ isEnabled });
     }
 
+    if (this.isFirstRender || state.fill !== this.state.fill) {
+      this.renderer.updateCompositingRect(state.fill);
+    }
+
     // this.transformer.syncInteractionState();
 
     if (this.isFirstRender) {