Cannot force line wrap on ngx-quill

I am trying to implement ngx-quill in my Angular app however no matter what, I cannot force line wrap in div where text is being written

<div class="ql-editor ql-blank" contenteditable="true" data-placeholder="Insert text here ..."><p><br></p></div>


<div class="editor-container">
<quill-editor
[(ngModel)]="editorContent"
>
</quill-editor>
</div>

@Component({
selector: 'app-document',
imports: [QuillModule, FormsModule],
templateUrl: './document.component.html',
styleUrl: './document.component.css'
})
export class DocumentComponent {
editorContent: string = '';
}


I tried using css on div ql-editor like word-wrap but it did not work, and in documentation of quill i cannot find anything.

Continue reading...