CSS z-index / heignt：auto不兼容

Question

我已将Quill编辑器组件导入到Angular项目中，

这是html：

<form [ngFormGroup]="form" (ngSubmit)="onSubmit(form.value)"
class="form">
<div class="form-group" [ngClass]="{'has-error': (!content.valid
&& content.touched), 'has-success': (content.valid
&& content.touched)}">
  <quill-editor class="form-control" [ngFormControl]="content [options]="editorConfig"></quill-editor>
</div>
</form>

和css：

.form-control {
  overflow-y: auto;
  min-height: 50px;
  height: auto;
}
.ql-tooltip {
  z-index: 1100;
}

起初，我得到了这个：enter image description here 然后使用height：auto，我得到了这个：enter image description here 工具栏的一部分丢失了。 并且z-index根本不起作用。 我想让文本编辑器面板的高度自动调整大小，并显示complet工具栏，如下所示： enter link description here 谢谢