Buggy Tooltip

[tgreen7]

Bug report

• Package version(s): 2.0.0-rc.2
• Browser and OS versions: Chrome 64.0.3282.186, MacOS 10.13.3

here is a site with a demo of the problem:
https://tgreen7.github.io/blueprint-test/

here is the code:
https://github.com/tgreen7/blueprint-test

[tnrich]

I'm seeing an even weirder bug.. Too strange to really believe. In my code if I change the tooltip text from "Hide cut sites" to "Hide features" an infinite loop is hit and my app crashes.

I'll try to reproduce this in a minimal example, but this has to be one of the strangest bugs I have ever seen..

[tnrich]

I think mine might be related to #2030

Has a fix been released for that yet?

[adidahiya]

@tnrich yeah, you can trace the tags which include the commit which fixed #2030: ff76c4a

[giladgray]

@tgreen7 try disabling the preventOverflow modifier from popper:
<Popover modifiers={{ preventOverflow: { enabled: false } }} ... />

[tgreen7]

@giladgray Thanks so much! That did it.

[tgreen7]

for future use popover throws a bunch of warnings if you add the above code. You must disable hide.
<Popover modifiers={{ preventOverflow: { enabled: false }, hide: { enabled: false } }} ... />

[tgreen7]

This seems like it was changed again in version 3.9.0 as can be seen here https://github.com/palantir/blueprint/compare/@blueprintjs/[email protected]...@blueprintjs/[email protected]

To override this change and get a tooltip working outside of its boundaries you need to add these modifiers:

{
  preventOverflow: { enabled: false, },
  hide: {
    enabled: false
  },
  flip: {
    boundariesElement: 'viewport'
  }
}