Skip to content

Infinite re-rendering of popover #7179

@jandrew44

Description

@jandrew44

Environment

  • Package version(s):
    @blueprintjs/core: 5.16.4
  • Operating System:
    Windows 10 Home Edition
  • Browser name and version:
    Google Chrome 131.0.6778.266

Code Sandbox

Can be reproduced on the Blueprint docs page:
https://blueprintjs.com/docs/#core/components/popover

Steps to reproduce

  1. Open the link mentioned above
  2. Select "Hover" interaction kind
  3. Reduce browser window width so that "Po" is the only visible part of the button "Popover target"
  4. Move mouse cursor to the visible part of the button
Blueprint.Documentation.-.Google.Chrome.2025-01-17.15-38-00.mp4

Actual behavior

Popover rendering loop.
Also in development environment I am getting a couple of runtime errors:

Image

Expected behavior

Single render of popover.

Possible solution

Set position: "left" for the popover.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions