Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(react-textarea): Add guidance for modifying Textarea's height #29601

Merged
merged 1 commit into from
Oct 20, 2023

Conversation

sopranopillow
Copy link
Contributor

PR to add guidance about how to modify Textarea's height. This can be a little difficult due to the way Textarea is structured, so this guidance aims to give some help on how to avoid any issues.

Related Issue(s)

@sopranopillow sopranopillow self-assigned this Oct 19, 2023
@sopranopillow sopranopillow requested a review from a team as a code owner October 19, 2023 21:32
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 11 13 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 637 639 5000
Button mount 318 312 5000
Field mount 1144 1089 5000
FluentProvider mount 703 695 5000
FluentProviderWithTheme mount 80 82 10
FluentProviderWithTheme virtual-rerender 63 62 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 72 10
InfoButton mount 11 13 5000 Possible regression
MakeStyles mount 854 878 50000
Persona mount 1747 1714 5000
SpinButton mount 1354 1364 5000

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit c4272ea:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
gracious-panna-2mpdd8 Issue #29474

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.002 kB
20.161 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.417 kB
59.289 kB
react-components
react-components: FluentProvider & webLightTheme
42.286 kB
14 kB
react-portal-compat
PortalCompatProvider
6.651 kB
2.252 kB
react-textarea
Textarea
31.306 kB
10.549 kB
🤖 This report was generated against 626775836611bb51ca78425a52de8fc338b8b763

@size-auditor
Copy link

size-auditor bot commented Oct 19, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 626775836611bb51ca78425a52de8fc338b8b763 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@sopranopillow sopranopillow merged commit 864fa92 into microsoft:master Oct 20, 2023
@sopranopillow sopranopillow deleted the textarea/height branch October 20, 2023 22:34
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 24, 2023
* master: (48 commits)
  fix(react-drawer): regression with mountNode prop not available after refactoring (microsoft#29524)
  feat(react-storybook-addon-codesandbox): support various providers for "export to" functionality (microsoft#29536)
  feat(TimePicker-compat): call onTimeSelect on blur (microsoft#29597)
  feat: (breadcrumb) Removed appearance prop (microsoft#29554)
  chore(deps): bump fsevents from 1.2.9 to 1.2.13 (microsoft#29476)
  Adding comment in Hovercard that we support cumulative area chart currently (microsoft#29395)
  applying package updates
  applying package updates
  chore(vr-tests-react-components, perf-tests-app): Remove infobutton from vr-tests and perf test app (microsoft#29603)
  docs: Add guidance for modifying textarea's height. (microsoft#29601)
  fix(react-calendar-compat): Classnames removed and added to day cells need to be split instead of providing a string with spaces (microsoft#29611)
  [Part 2] Changes to onboard charting to fluent docsite (microsoft#29608)
  chore: bump jest to 29.7.0 (microsoft#29298)
  applying package updates
  feat(react-infolabel, react-components): Release InfoLabel to stable (microsoft#29585)
  feat(react-datepicker-compat): Update DatePicker to use react-calendar-compat (microsoft#29587)
  feat: adds motion to DialogSurface (microsoft#29391)
  fix: Use correct target windows for ResizeObserver (microsoft#29551)
  chg (microsoft#29592)
  Fix missing x callout custom callout (microsoft#29547)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Textarea Textarea component.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Textarea, scrollbar appears before available height is filled with text
3 participants