Quill editor popUp is being cutoff in the left when we try to add link

Question

When I try to add link to very left text in quill editor the popUp opened is hiding in the left side.And I am using Snow theme.

The below image shows my issue.

Answer 1

If someone encounter this, by default Quill is bound to document.body. On the instance you can use the bounds property to define your own container where Quill (tooltip, etc...) will be contained: Quill documentation

Answer 2

From the official documentation Quill is bound to document.body, you need to modify it:

• Just try this

<div id="quillContainer">
 <ReactQuill
 theme="snow"
 bounds={'#quillContainer'}
 />
</div>