Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popover "enabled" prop not working

See original GitHub issue

Description

When “enabled” is set to false on a Popover… it should be disabled

Link to Reproduction

https://codesandbox.io/s/compassionate-hawking-l41nb

Steps to reproduce

Click on popover
It should not open but opens

Chakra UI Version

1.7.2

Browser

Firefox

Operating System

macOS
Windows
Linux

Additional Information

I think that the enabled prop gets overwritten here.

Issue Analytics

State:
Created 2 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

3reactions

piotrpawlikcommented, Dec 13, 2021

FYI as a workaround I’m using:

<Popover trigger="hover" isOpen={isEnabled ? undefined : false}>

to disable popover when isEnabled === false

2reactions

segunadebayocommented, Dec 2, 2021

The enabled prop wasn’t intended to be exposed to the user-land. It was a side-effect of extending the UsePopperProps and I’ve gone ahead to omit it from types.

Top Results From Across the Web

Material UI popover not working with react class component

I can not figure out why the popover is not working. Whenever I hover over the text the function is triggered but popover...

Overlays | React-Bootstrap

The <Tooltip> and <Popover> components do not position themselves. Instead the <Overlay> (or <OverlayTrigger> ) components, inject ref and style props.

React-native-popover-view - npm.io

A well-tested, adaptable, lightweight <Popover> component for react-native with no dependencies. Tested and working on iOS and Android. May work on Web, but...

react tiny popover not working - pravdabl.com

I'm attempting to create a popover and the popover example provided by react-bootstrap docs is not working. <Controller> will hold the part of...

Accessibility - React

Also note the added aria-* props to support screen-reader users. For simplicity's sake the keyboard events to enable arrow key interaction of the...