Skip to content

[Bug]: Textarea, scrollbar appears before available height is filled with text #29474

@logicaloud

Description

@logicaloud

Library

React Components / v9 (@fluentui/react-components)

System Info

Edge: Spartan (44.22621.2283.0), Chromium (117.0.2045.60)

Fluent UI 9.34.2

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/wizardly-kirch-8jqzdg?file=/example.tsx

Bug Description

Actual Behavior

When setting the the height of the Textarea to a high value (400, for example), then a scrollbar appears when entering text that utilizes only part of the available height.

image

Expected Behavior

The scrollbar should only appear once the entered text no longer fits into the available height.

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions