Setting Safe Area which the tippy overlay will avoid

atomiks / tippyjs

Tooltip, popover, dropdown, and menu library

https://atomiks.github.io/tippyjs/

MIT License

11.86k stars 520 forks source link

Setting Safe Area which the tippy overlay will avoid #1103

Open k-ruben opened 1 year ago

k-ruben commented 1 year ago

Problem

We currently have the problem, that we don't want the tippy overlay to cover a sticky header.

Solution

On a global and/or local setting, I want to be able to define a `safe-area-inset-<top|right|bottom|left> similar to the native browser implementation. These offsets will be respected by the tippy overlay and not be used.