Blueprint: Reposition popover if target moves

[synapse]

Environment

• __Package version(s)__: @blueprintjs/core 3.38.0
• __Browser and OS versions__: Electron 8.0.0

Question

Is there a way to make the popover stick to its target element? Seams to be working when scrolling but not when dynamically the target is pushed or pulled (check GIF below).

[adidahiya]

@synapse this may be fixed with the newly released Popover2, can you test it out? see the release notes here. I'm updating the docs site now to reflect the new package.

[synapse]

Hey, @adidahiya I've just installed and using Popover2. It seems that it's still not moving along with its target element. Do I need to set any prop in particular. I'm using it like so:

<Popover2
    content={<TagsPicker {...this.props} />}
    placement={Position.TOP}
>
    {children}
</Popover2>

PS: there's a small stagger when closing

[olegshilov]

@synapse hi. seems like in the next release of Popover2 this behavior would be fixed.
BTW it seems to me that the user experience would be better if the add tag button was at the beginning. it seems that cognitive load increases when you start to follow the popover moving on the screen with your eyes

[synapse]

hey @olegshilov, thanks for the idea of placing the button at the beginning! 👍