Quill .QL-Container расширяет размер Quill-Editor ⇐ CSS

[Anonymous]

У меня есть странная проблема, в которой мой ребенок див простирается за пределы размера родительского div < /p>




body {
height: 100vh;
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.editor-container {
height: 100vh;
width: 80%;
margin: 0 auto 0 auto;
box-sizing: border-box;
}
quill-editor {
width: 100%;
height: 100%;
}
::ng-deep .ql-container {
height: 100%;
}
::ng-deep .ql-editor {
white-space: pre-wrap !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
width: 100% !important;
}

import { Component } from '@angular/core';
import {QuillModule} from 'ngx-quill';
import {FormsModule} from '@angular/forms';

@Component({
selector: 'app-document',
imports: [QuillModule, FormsModule],
templateUrl: './document.component.html',
styleUrl: './document.component.css'
})
export class DocumentComponent {
editorContent: string = '';
}
< /code>
Независимо от того, как я устанавливаю эту высоту, и какие параметры я добавляю .QL-Контейнер, всегда выходит за рамки высоты экрана, так что за пределами высоты его родительских DEV. Я ожидаю, что у этого редактора у этого есть всегда на 100% высоте экрана, независимо от того, что и единственное, что должно быть прокручиваемое.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... ill-editor