How do I make FluentTextArea's height 100%?

[garrenf]

I would like to be able to make the height of the FluentTextArea to 100%, but this does not work as expected.
<FluentTextArea style="width:100%; height:100%;" />

This makes the outer component's height 100%. However, setting the width to 100% does change the width as expected. The problem is that it's applying the style to the outer element and not the inner. How do I achieve this? Or do I need to submit a feature request?

[dvoituron]

You need to use CSS styles to apply to part of the web component used by our FluentUI Blazor lib.

Example (to adapt using ID or class name):

fluent-text-area::part(control) {
  width: 300px;
  height: 300px;
}

[garrenf]

Perfect! I was able to target that inner element and set it's height to 100% as well and works as expected. Thanks!