Skip to content

Commit 0a42cc2

Browse files
Fix pointer events behavior on notification indicator on SplitButton (elastic#245318)
## Summary This PR fixes an issue where the indicator wrapper would prevent the underlying button from being fully clickable. This fix still allows for tooltip to work when hovering over the dot icon.
1 parent cb654f2 commit 0a42cc2

1 file changed

Lines changed: 9 additions & 6 deletions

File tree

src/platform/packages/private/kbn-split-button/src/split_button_with_notification.tsx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@ export const SplitButtonWithNotification = ({
6666
left: notificationIndicatorPosition?.left,
6767
bottom: notificationIndicatorPosition?.bottom,
6868
zIndex: 1,
69+
pointerEvents: 'none',
6970
...(notificationIndicatorHasStroke && {
7071
'& svg': {
7172
stroke: 'white',
@@ -75,12 +76,14 @@ export const SplitButtonWithNotification = ({
7576
}),
7677
}}
7778
>
78-
<EuiIconTip
79-
type="dot"
80-
size={notificationIndicatorSize}
81-
color={notificationIndicatorColor}
82-
content={notifcationIndicatorTooltipContent}
83-
/>
79+
<span css={{ pointerEvents: 'auto' }}>
80+
<EuiIconTip
81+
type="dot"
82+
size={notificationIndicatorSize}
83+
color={notificationIndicatorColor}
84+
content={notifcationIndicatorTooltipContent}
85+
/>
86+
</span>
8487
</div>
8588
)}
8689
</div>

0 commit comments

Comments
 (0)