Floating UIs #8431
shashkovdanil
started this conversation in
General
Floating UIs
#8431
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I tried to add new modal with tooltip and faced with many problems:
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
![image](https://private-user-images.githubusercontent.com/19692986/288168772-f1ddac66-661e-49d1-82bd-dd6803405e31.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NjAwMDAsIm5iZiI6MTcyMDQ1OTcwMCwicGF0aCI6Ii8xOTY5Mjk4Ni8yODgxNjg3NzItZjFkZGFjNjYtNjYxZS00OWQxLTgyYmQtZGQ2ODAzNDA1ZTMxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE3MjgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY3Y2Q5OGMxOTI0ODE1M2RmMmYzMmJjMTFjZjMyZTYxMDlhZTJiMzlkNjQ4NDJiNDNjMmM1ZWRmYTU3YzY2ODAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ucM62OsrW0J22A1YQ4NXl_BM9y4cqoHsYO8IG_UhgNQ)
append-to-body
prop but it doesn't work properlyAs a result, a simple thing like a tooltip is very time consuming.
: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
Beta Was this translation helpful? Give feedback.
All reactions