From 3c5607063f90bd03b834113f3f61d7695c239484 Mon Sep 17 00:00:00 2001
From: Carlos Alcaraz Gregor <alcarazgregor@gmail.com>
Date: Sat, 13 Jun 2026 12:02:36 -0300
Subject: [PATCH] fix(studio): disable the rotation field when the element
 can't be rotated (#1412)

---
 packages/studio/src/components/editor/PropertyPanel.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/studio/src/components/editor/PropertyPanel.tsx b/packages/studio/src/components/editor/PropertyPanel.tsx
index 478df5952..803c77071 100644
--- a/packages/studio/src/components/editor/PropertyPanel.tsx
+++ b/packages/studio/src/components/editor/PropertyPanel.tsx
@@ -144,6 +144,7 @@ export const PropertyPanel = memo(function PropertyPanel({
 
   const manualOffsetEditingDisabled = !element.capabilities.canApplyManualOffset;
   const manualSizeEditingDisabled = !element.capabilities.canApplyManualSize;
+  const manualRotationEditingDisabled = !element.capabilities.canApplyManualRotation;
   const sourceLabel = element.id ? `#${element.id}` : element.selector;
   const showEditableSections = element.capabilities.canEditStyles;
   const manualOffset = readStudioPathOffset(element.element);
@@ -495,6 +496,7 @@ export const PropertyPanel = memo(function PropertyPanel({
                 <MetricField
                   label="R"
                   value={`${displayR}°`}
+                  disabled={manualRotationEditingDisabled}
                   onCommit={(next) => commitManualRotation(next.replace("°", ""))}
                 />
               </div>