Equation box in Quill is not completely visible

Question

enter image description here

Trying to use Quill in my project. I'm using Bootstrap class 'row' with two columns. Right hand side column has Quill, everything works fine except this equation box (see in the image). Can anybody help?

Answer 1

I solved this using bounds. Here is the code snippet:

let quill = new Quill('#editor-container', {
            modules: {
            formula: true,
            syntax: true,
            toolbar: '#toolbarOptions'
            },
            placeholder: 'Compose your question here...',
            theme: 'snow',
            bounds: '#editor-container'
        });