style(textarea): use new field-sizing: content (#2463)

implementing as dicussed in meeting 2024.09.19
digdir · Sep 19, 2024 · 1c67d53 · 1c67d53
1 parent d2b7a4d
commit 1c67d53
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/clever-cobras-rescue.md b/.changeset/clever-cobras-rescue.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+Textarea: Use `field-sizing: content`
diff --git a/packages/css/textarea.css b/packages/css/textarea.css
@@ -39,6 +39,7 @@
   resize: vertical;
   background: var(--ds-color-neutral-background-default);
   color: var(--ds-color-neutral-text-default);
+  field-sizing: content;
 }
 
 .ds-textarea--sm .ds-textarea__input {

diff --git a/packages/react/src/components/form/Textarea/Textarea.stories.tsx b/packages/react/src/components/form/Textarea/Textarea.stories.tsx
@@ -10,6 +10,13 @@ type Story = StoryObj<typeof Textarea>;
 export default {
   title: 'Komponenter/Textarea',
   component: Textarea,
+  decorators: [
+    (Story: StoryFn) => (
+      <div style={{ width: '20rem' }}>
+        <Story />
+      </div>
+    ),
+  ],
 } as Meta;
 
 export const Preview: Story = {