Description
plotly_hover / plotly_click events stop firing inside shapes when those shapes are interactive, even though the layout has hoveranywhere: true / clickanywhere: true. The shape silently swallows the events that should reach the plot area's event listener.
Affected configurations:
config.edits.shapePosition: true — broken regardless of shape.editable
shape.editable: true AND the shape has been "activated" (clicked on its edge so it turns pink/editable) — broken until the shape is deactivated again
When neither condition is met, hoveranywhere / clickanywhere fire correctly inside the shape.
Steps to reproduce
Codepen: https://codepen.io/robertcollar-kobold/pen/GgjLXoE
The pen renders four subplots covering all combinations of config.edits.shapePosition × shape.editable. Each subplot has hoveranywhere: true and clickanywhere: true, with side panels logging every event.
- Open the codepen.
- Hover and click inside each shape.
- For the
shape: true shapes, also click the shape edge first to activate it, then hover/click again.
- Observe that the Hover Log and Click Log stay empty (or stop updating) in the broken combinations listed in the Description, while still updating normally over empty plot area.
Description
plotly_hover/plotly_clickevents stop firing inside shapes when those shapes are interactive, even though the layout hashoveranywhere: true/clickanywhere: true. The shape silently swallows the events that should reach the plot area's event listener.Affected configurations:
config.edits.shapePosition: true— broken regardless ofshape.editableshape.editable: trueAND the shape has been "activated" (clicked on its edge so it turns pink/editable) — broken until the shape is deactivated againWhen neither condition is met,
hoveranywhere/clickanywherefire correctly inside the shape.Steps to reproduce
Codepen: https://codepen.io/robertcollar-kobold/pen/GgjLXoE
The pen renders four subplots covering all combinations of
config.edits.shapePosition×shape.editable. Each subplot hashoveranywhere: trueandclickanywhere: true, with side panels logging every event.shape: trueshapes, also click the shape edge first to activate it, then hover/click again.