[v3.0.0] Default option for appendTo is not document.body

Hello. I have updated to the latest version and expiriencing some issues with it.

1. By default <Tippy /> is now appending itself to reference parent while documentation says that default options is document.body. I need to set it explicitly in order to make it work.

2. Option interactive is getting ignored while appendTo is not document.body. hideOnClick={false} can fix that but console will be showing this warning:

Is this an expected behavior?

[atomiks]

1. Documentation needs to be updated for this yeah.

If interactive: true, then the tippy is appended to the reference element’s parent node unless you specify your own appendTo value – that way, interactive elements inside the tippy can be focused next once the reference element is blurred.

If it’s appended to the body (as before), then any focusable elements in between the ref element and the end of the body will be next in focus order, so the popover is “disjoined” for keyboard use making it inaccessible.

You can disable this default behavior if you use your own appendTo, but you would need to create some kind of focus management solution to handle the popover for keyboard.

1. Not 100% sure what you mean here, is there a CodeSandbox repro?

[abriginets]

Not 100% sure what you mean here

interactive: true has no effect while appendTo is not set to document.body