quill
quill copied to clipboard
slab
Add/Edit Link Popup is not included within the Text Editor area
The pop up to add edit a hyperlink is not displaying the edit popover within the area of the toolbar editor.
Please refer the attached screen shot:
Steps for Reproduction
- Enter any text within the editor placing cursor on the starting position.
- Click on the Link icon from toolbar.
- Check the position of the popup appearing to save the link
Actual behavior: The add/edit link pop up bar is out of editor area as marked in attached snaphot
Expected behavior: The editor should be contained within the text editor area.
Browser: Chrome - 102.0.5005.63 Operating system: windows 10
Version: quill : 1.3.7 ngx-quill:12.0.0
Same issue: Browser: Chrome - 103.0.5060.114 (Official Build) (64-bit) OS: Windows 11 version: quill: 1.3.7 react-quill: 1.3.5
@karishma-grover07 , hello! I have similar issue. Did you solve this problem somehow?
Looks like this issue can be fixed by specifying a bounds container which tooltips will be confined within. By default the bounds will be document.body and tooltips can be cut off if you render your Quill editor somewhere smaller like in a modal form.
We'd like to add that when there's a very large body of text in the editor and you attempt to edit a link at the bottom of that text, the popup is rendered above the visible editor window instead of immediately above/below/next to the link being edited. You have to scroll up inside the editor window to get to the popup. We've tried this on Firefox, Chrome, and Edge:
Quill 2.0 has been released (announcement post) with many changes and fixes. If this is still an issue please create a new issue after reviewing our updated Contributing guide :pray:
