How can I customize the positioning of the tooltip? #28
-
As I understood the default positioning of the tooltip is above/top. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
Great question 😊 You can change the position of a tooltip or toggletip by setting the Important This will currently only work for chromium based browser at the moment, which is also why this is not documented yet The latest version of the polyfill we need for Firefox and Safari has added support for position-area. We are currently working on optimizing our code to the latest polyfill, but still need to check if the polyfill also supports using variables which would be necessary for this kind of customization. As soon as the work is done, the updated documentation will reflect the update and include the customization options 😉 |
Beta Was this translation helpful? Give feedback.
-
@FrontDevUmix custom position for toggletip is now officially supported and documented, incl. the necessary step to make it work with the polyfill in browser that don't support anchor-positioning. tooltip will follow soon |
Beta Was this translation helpful? Give feedback.
Great question 😊
You can change the position of a tooltip or toggletip by setting the
--tooltip-position
variable to any valid position-area value.Important
This will currently only work for chromium based browser at the moment, which is also why this is not documented yet
The latest version of the polyfill we need for Firefox and Safari has added support for position-area.
We are currently working on optimizing our code to the latest polyfill, but still need to check if the polyfill also supports using variables which would be necessary for this kind of customization.
As soon as the work is done, the updated documentation will reflect the update and include the customization options 😉