React-quill: Link pops up outside of editor

[aliciawood]

In the quill repo this bug was fixed a while ago, but I'm still seeing this issue:
https://github.com/quilljs/quill/issues/360.

I've tried playing with the styling and it doesn't seem to change anything. Open the given codepen and create a link - the pop up opens outside of the editor.

http://codepen.io/alexkrolick/pen/xgyOXQ/left?editors=0010#0

Quill version:

• [ ] master
• [ ] 0.4.1
• [ ] 1.0.0-beta-1
• [ ] 1.0.0-beta-2
• [ ] 1.0.0-beta-3
• [ ] 1.0.0-beta-4
• [ ] 1.0.0-beta-5
• [ X] 1.0.0-rc-1
• [ ] Other (fork)

[alexkrolick]

Add the bounds prop to constraint all the popups inside a DOM element:

bounds={'.app'}

https://quilljs.com/docs/configuration/#bounds
https://github.com/zenoamaro/react-quill/tree/master#props

[dasm30]

Hi, I have same issue and when adding the bound prop I keep getting:
Warning: Failed prop type: Invalid propboundssupplied toQuill`` no matter what value I pass, even tried with document.body and got the same error.

[harrisonlo]

For anyone like @dasm30, you have to pass in a string instead of the node (ref: https://github.com/zenoamaro/react-quill/issues/519)