How can one make a scrollable Tippy?

How can one make the content of a Tippy scrollable if the parent/viewport doesn’t allow enough space for the Tippy to display in full?

Here’s a Codepen

Setting a CSS max-height would work, but not with dynamic heights such as the viewport.

Thanks for everything you do for this lib, it is awesome!

[alexnault]

It’s pretty limited, but here goes: https://codepen.io/anault/pen/WqeaYZ (currently does not support flip, other placements, etc.)

@atomiks Would it be interesting to natively support this kind of functionality in Tippy?

[atomiks]

I don’t think so, isn’t it an inherent problem regarding 2D space haha.

In any case you can use https://www.npmjs.com/package/popper-max-size-modifier to do the size detection for you.