-
Notifications
You must be signed in to change notification settings - Fork 377
Closed
Description
In the react version of Popover, the size of the target area for the close button is too small. While the button seems to be the correct dimensions, the clickable area is much smaller, seems to be roughly the size of the svg inside it. This presents an accessibility issue for those with motor control limitations, and also just seems buggy in general.
Steps to reproduce:
- Launch the examples at http://patternfly-react.surge.sh/patternfly-4/components/popover/
- Hover over the close "x" button
- Notice the cursor flickers when crossing the bounds of svg/button and the area outside the svg isn't clickable
Expected result: The entire area within the close button is clickable.
The core implementation seems to be ok https://pf4.patternfly.org/components/Popover/examples/
