清晰文本区域高度以适应向导页面高度

Question

使用 Clarity 和 Angular 9，我在主要内容区域有一个按钮可以打开向导。现在在向导中，我有一个要填充向导内容区域的文本区域。我可以通过设置 width: 100%.

来获得 textarea 的宽度。

但我无法对身高进行同样的处理。

这是显示问题的堆栈闪电战 link。 https://stackblitz.com/edit/clarity-form-reset-xtyait

Answer 1

textarea 从它的父级获取尺寸。

一些 css 和 Angular ::ng-deep 一起做:

::ng-deep .clr-control-container {
  height: 100%!important
}

::ng-deep .clr-textarea-wrapper {
  height: 100%!important
}

::ng-deep .clr-form-control {
  height: 100%!important
}

::ng-deep .clr-wizard-content {
  height: 100%!important
}

这是您的 Stackblitz 调整了文本区域的大小。

清晰文本区域高度以适应向导页面高度

Clarity textarea height to fit wizard page height

javascript

css

angular

vmware-clarity