From b1b06584912db41ccb297e82c10d77b3884acc99 Mon Sep 17 00:00:00 2001
From: Nightt <87569709+nightt5879@users.noreply.github.com>
Date: Fri, 17 Jul 2026 18:40:35 +0800
Subject: [PATCH] fix: show more options for image selections

---
 .../components/toolbar/popup-toolbar/popup-toolbar.tsx    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/drawnix/src/components/toolbar/popup-toolbar/popup-toolbar.tsx b/packages/drawnix/src/components/toolbar/popup-toolbar/popup-toolbar.tsx
index 69e198da..2aa1e5bd 100644
--- a/packages/drawnix/src/components/toolbar/popup-toolbar/popup-toolbar.tsx
+++ b/packages/drawnix/src/components/toolbar/popup-toolbar/popup-toolbar.tsx
@@ -49,10 +49,8 @@ export const PopupToolbar = () => {
   const selectedElements = getSelectedElements(board);
   const [movingOrDragging, setMovingOrDragging] = useState(false);
   const movingOrDraggingRef = useRef(movingOrDragging);
-  const open =
-    selectedElements.length > 0 &&
-    !isSelectionMoving(board) &&
-    !selectedElements.some(PlaitDrawElement.isImage);
+  const hasImage = selectedElements.some(PlaitDrawElement.isImage);
+  const open = selectedElements.length > 0 && !isSelectionMoving(board);
   const { viewport, selection, children } = board;
   const { refs, floatingStyles } = useFloating({
     placement: 'right-start',
@@ -76,7 +74,7 @@ export const PopupToolbar = () => {
   } = {
     fill: 'red',
   };
-  if (open && !movingOrDragging) {
+  if (open && !movingOrDragging && !hasImage) {
     const hasFill =
       selectedElements.some((value) => hasFillProperty(board, value)) &&
       !PlaitBoard.hasBeenTextEditing(board);