[Toolpad Editor] Fix : text component alignment rendering (#2587)

mui · Sep 4, 2023 · 1eb90b1 · 1eb90b1
1 parent 8307f28
commit 1eb90b1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/toolpad-components/src/Text.tsx b/packages/toolpad-components/src/Text.tsx
@@ -242,7 +242,6 @@ function TextContent({ value, loading, sx, variant }: TextContentProps) {
     <MuiTypography
       sx={{
         ...sx,
-        width: '100%',
         // This will give it height, even when empty.
         // REMARK: Does it make sense to put it in MUI core?
         [`&:empty::before`]: { content: '""', display: 'inline-block' },

diff --git a/test/visual/components/fixture/toolpad/pages/components/page.yml b/test/visual/components/fixture/toolpad/pages/components/page.yml
@@ -80,3 +80,24 @@ spec:
     - component: Checkbox
       name: checkbox
       children: []
+    - component: Text
+      name: text
+      children: []
+      props:
+        value: start-text
+      layout:
+        horizontalAlign: start
+    - component: Text
+      name: text1
+      children: []
+      layout:
+        horizontalAlign: center
+      props:
+        value: center-text
+    - component: Text
+      name: text2
+      children: []
+      layout:
+        horizontalAlign: end
+      props:
+        value: end-text