Update event handlers for viewport panel hover logic
This commit is contained in:
@@ -96,8 +96,12 @@ export function ViewportPanel({
|
|||||||
aria-label={`${getViewportPanelLabel(panelId)} viewport panel`}
|
aria-label={`${getViewportPanelLabel(panelId)} viewport panel`}
|
||||||
style={panelStyle}
|
style={panelStyle}
|
||||||
onPointerDownCapture={() => onActivatePanel(panelId)}
|
onPointerDownCapture={() => onActivatePanel(panelId)}
|
||||||
onPointerEnterCapture={() => onHoverPanel(panelId)}
|
onPointerMoveCapture={() => onHoverPanel(panelId)}
|
||||||
onPointerLeaveCapture={() => onHoverPanel(null)}
|
onPointerOutCapture={(event) => {
|
||||||
|
if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {
|
||||||
|
onHoverPanel(null);
|
||||||
|
}
|
||||||
|
}}
|
||||||
onFocusCapture={() => onActivatePanel(panelId)}
|
onFocusCapture={() => onActivatePanel(panelId)}
|
||||||
>
|
>
|
||||||
<div className="viewport-panel__header">
|
<div className="viewport-panel__header">
|
||||||
|
|||||||
Reference in New Issue
Block a user