Floating UIs

[shashkovdanil]

I tried to add new modal with tooltip and faced with many problems:

1. typical z-index problem
   
   It's really hard to fix. When trying to fix this, you start using hacks like z-index: 999999999, which often don't work because of nested elements

I tried to use append-to-body prop but it doesn't work properly

As a result, a simple thing like a tooltip is very time consuming.

2. Tooltips and dropdowns don't work properly if I'm scrolling or resizing page
3. Broken a11y, tooltips don't a11y attributes at all, dropdowns don't support keyboard navigation
4. Weird prop like :can-cancel="['outside', 'escape']". Why should we pass this property if this is the default behavior of modal?

Many of the problems I described are solved in a wonderful library called floating-ui