Navbar overflowing on viewport (on the right.)

I’m trying to use this library and anything I show seems to overflow passed the viewport on the right. Strangely enough, if I set boundary=“asdlmas” as a random string value (I accidentally made a typo.) it seems to fix the issue.

Basically I have a navbar and I’m using tippy to show it, once I scale the window to be smaller, it overflows passed the viewport to the right.

Any suggestions, here is my settings where it works… but if I use boundary=“viewport” for example, it breaks and overflows.

import Tippy from '@tippy.js/react';
import 'tippy.js/dist/svg-arrow.css';
import 'tippy.js/animations/scale-subtle.css';

      <Tippy
        animation={"scale-subtle"}        
        content={profileDropdown}
        offset={"100,10"}
        interactive={true}
        sticky={true}
        visible={isOpened}
        arrow={true}
        onHide={closeProfile}
        boundary="dsdsf"
        flip={false}
        placement="bottom">
          <ProfileButton />
     </Tippy>

[arianitu]

@atomiks Oh weird, so it looks like it is arrow={true} without a import 'tippy.js/dist/tippy.css';

If I set arrow={false}, I do not have to import tippy.css. Is it okay to not import tippy.css to prevent the default styling or you think that’s a bad idea?

[atomiks]

This will likely be fixed in the next major which uses Popper 2 (coming by the end of this month)