When the popper doesn't fit in the viewport...

It seems that when the popper doesn’t fit in the viewport the popper can get on top of the target.

I got a usecase with a tooltip where I simply don’t want to show the popper at all if it doesn’t fit the viewport. I couldn’t find any modifier that handles this usecase. Something that looks like data-x-out-of-boundaries added by the hide modifier (maybe data-x-overlaps) could really help.

As a solution I used the follow snippet:

                          flip: {
                              // We are using null to hide the popper if it doesn't fit anywhere
                              behavior: ['bottom', 'top', 'right', 'left', null],
                          },

The null makes it so that data-placement becomes "null" and I use visible: hidden to prevent to popper from showing.

I was wondering if I am missing something and if the use of “null” was even meant to be a thing.

[jrmyio]

@FezVrasta I am ware of hide modifier and its data-x-out-of-boundaries. This seems to be added when target is not in the viewport. I don’t think this is related to my question as data-x-out-of-boundaries is not added when the target is visible and the popper doesn’t fit.

[FezVrasta]

Yes that’s not a thing anymore on v2