diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index 1c6fadabce..5eaf67406f 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -356,11 +356,12 @@ export const CompactShapeActions = ({ return (
{/* Stroke Color */} - {canChangeStrokeColor(appState, targetElements) && ( -
- {renderAction("changeStrokeColor", { compactMode: true })} -
- )} + {canChangeStrokeColor(appState, targetElements) && + !appState.editingTextElement && ( +
+ {renderAction("changeStrokeColor", { compactMode: true })} +
+ )} {/* Background Color */} {canChangeBackgroundColor(appState, targetElements) && ( @@ -505,56 +506,60 @@ export const CompactShapeActions = ({ {/* Text Properties */} {(appState.activeTool.type === "text" || - targetElements.some(isTextElement)) && ( - <> -
- {renderAction("changeFontFamily", { - compactMode: true, - })} -
-
- { - setAppState({ openPopup: open ? "textAlign" : null }); - if (open) { - setStrokePopoverOpen(false); - setOtherActionsPopoverOpen(false); - } - }} - > - - - - {appState.openPopup === "textAlign" && ( - setAppState({ openPopup: null })} - > -
- {(appState.activeTool.type === "text" || - suppportsHorizontalAlign(targetElements, elementsMap)) && - renderAction("changeTextAlign")} - {shouldAllowVerticalAlign(targetElements, elementsMap) && - renderAction("changeVerticalAlign")} - {(appState.activeTool.type === "text" || - targetElements.some(isTextElement)) && - renderAction("changeFontSize")} -
-
- )} -
-
- - )} + targetElements.some(isTextElement)) && + !appState.editingTextElement && ( + <> +
+ {renderAction("changeFontFamily", { + compactMode: true, + })} +
+
+ { + setAppState({ openPopup: open ? "textAlign" : null }); + if (open) { + setStrokePopoverOpen(false); + setOtherActionsPopoverOpen(false); + } + }} + > + + + + {appState.openPopup === "textAlign" && ( + setAppState({ openPopup: null })} + > +
+ {(appState.activeTool.type === "text" || + suppportsHorizontalAlign( + targetElements, + elementsMap, + )) && + renderAction("changeTextAlign")} + {shouldAllowVerticalAlign(targetElements, elementsMap) && + renderAction("changeVerticalAlign")} + {(appState.activeTool.type === "text" || + targetElements.some(isTextElement)) && + renderAction("changeFontSize")} +
+
+ )} +
+
+ + )} {/* Dedicated Copy Button */} {!isEditingTextOrNewElement && targetElements.length > 0 && (