javascript - 清晰度 textarea 高度以适应向导页面高度

Question

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

但我无法让同样的事情为身高工作。

这是显示问题的stackblitz链接。 https://stackblitz.com/edit/clarity-form-reset-xtyait

标签： javascriptcssangularvmware-clarity

Answer 1

从它的textarea父级获取大小。

一些带有Angular::ng-deep的 css会这样做：

::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调整大小的文本区域。