From 3ea795c7f1eeb7e2ebe45e62e41ef246b342d691 Mon Sep 17 00:00:00 2001 From: Copilot <198982749+Copilot@users.noreply.github.com> Date: Tue, 25 Aug 2026 00:04:41 +0200 Subject: [PATCH 1/2] fix(web-components): TextArea overflow scrolling in Firefox (#36621) Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: dmytrokirpa <1492102+dmytrokirpa@users.noreply.github.com> Co-authored-by: Dmytro Kirpa --- ...-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json | 7 +++++++ packages/web-components/src/textarea/textarea.spec.ts | 9 +++++++++ packages/web-components/src/textarea/textarea.styles.css | 1 + packages/web-components/src/textarea/textarea.styles.ts | 1 + 4 files changed, 18 insertions(+) create mode 100644 change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json diff --git a/change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json b/change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json new file mode 100644 index 00000000000000..f6cc86ec4bccfa --- /dev/null +++ b/change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: show TextArea scrollbar for overflowing content", + "packageName": "@fluentui/web-components", + "email": "198982749+Copilot@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/textarea/textarea.spec.ts b/packages/web-components/src/textarea/textarea.spec.ts index 30e41542c091bb..7f202c37806e60 100644 --- a/packages/web-components/src/textarea/textarea.spec.ts +++ b/packages/web-components/src/textarea/textarea.spec.ts @@ -242,6 +242,15 @@ test.describe('TextArea', () => { await expect(element).not.toHaveCustomState('user-valid'); await expect(element).toHaveCustomState('user-invalid'); }); + + test('should allow the control to scroll overflowing content', async ({ fastPage }) => { + const { element } = fastPage; + const control = element.locator('textarea'); + + await fastPage.setTemplate(); + + await expect(control).toHaveCSS('overflow', 'auto'); + }); }); test.describe('internal label', () => { diff --git a/packages/web-components/src/textarea/textarea.styles.css b/packages/web-components/src/textarea/textarea.styles.css index f13f63c929989d..6c8199534de616 100644 --- a/packages/web-components/src/textarea/textarea.styles.css +++ b/packages/web-components/src/textarea/textarea.styles.css @@ -221,6 +221,7 @@ label[hidden] { field-sizing: content; max-block-size: 100%; outline: 0; + overflow: auto; resize: none; text-align: inherit; } diff --git a/packages/web-components/src/textarea/textarea.styles.ts b/packages/web-components/src/textarea/textarea.styles.ts index 1ed11d74c8fcb5..5f60952c238ee2 100644 --- a/packages/web-components/src/textarea/textarea.styles.ts +++ b/packages/web-components/src/textarea/textarea.styles.ts @@ -269,6 +269,7 @@ export const styles: ElementStyles = css` field-sizing: content; max-block-size: 100%; outline: 0; + overflow: auto; resize: none; text-align: inherit; } From 44cf3fb9906b4f98243589e0b078e4df9ca6227b Mon Sep 17 00:00:00 2001 From: Dmytro Kirpa Date: Tue, 25 Aug 2026 00:08:14 +0200 Subject: [PATCH 2/2] chore: scope docsite tsconfig types so ambient typings don't leak into Storybook props tables (#36607) --- apps/chart-docsite/tsconfig.json | 3 ++- apps/public-docsite-v9-headless/tsconfig.json | 3 ++- apps/public-docsite-v9/tsconfig.json | 3 ++- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/apps/chart-docsite/tsconfig.json b/apps/chart-docsite/tsconfig.json index a85a689b302436..6489a363140613 100644 --- a/apps/chart-docsite/tsconfig.json +++ b/apps/chart-docsite/tsconfig.json @@ -5,7 +5,8 @@ "allowJs": false, "esModuleInterop": false, "allowSyntheticDefaultImports": true, - "strict": true + "strict": true, + "types": ["static-assets", "environment"] }, "files": [], "include": [], diff --git a/apps/public-docsite-v9-headless/tsconfig.json b/apps/public-docsite-v9-headless/tsconfig.json index 1c0b3afbde8d0d..3399838baa5302 100644 --- a/apps/public-docsite-v9-headless/tsconfig.json +++ b/apps/public-docsite-v9-headless/tsconfig.json @@ -7,7 +7,8 @@ "experimentalDecorators": true, "noUnusedLocals": true, "strictNullChecks": true, - "noImplicitAny": true + "noImplicitAny": true, + "types": ["static-assets", "environment"] }, "include": [], "files": [], diff --git a/apps/public-docsite-v9/tsconfig.json b/apps/public-docsite-v9/tsconfig.json index 3dcf162cfde049..bd9c3cdc5a6dc9 100644 --- a/apps/public-docsite-v9/tsconfig.json +++ b/apps/public-docsite-v9/tsconfig.json @@ -7,7 +7,8 @@ "experimentalDecorators": true, "noUnusedLocals": true, "strictNullChecks": true, - "noImplicitAny": true + "noImplicitAny": true, + "types": ["static-assets", "environment"] }, "include": [], "files": [],