<Tooltip> Component Hover Broken #63269

Description

With the latest version of Gutenberg enabled the tooltip on one of our custom blocks does not function as expected. While the tooltip does appear when you hover, once you move the mouse at all, the tooltip vanishes.

Step-by-step reproduction instructions

1. Hover over tooltip wrapped component
2. Wait for it to appear
3. Move mouse

Screenshots, screen recording, code snippet

Video

Component

<Tooltip text={ description } placement="top">
	<Button
		className="wc-blocks-product-collection__collection-button"
		onClick={ onClick }
	>
		<div className="wc-blocks-product-collection__collection-button-icon">
			<Icon icon={ icon as Icon.IconType< BlockIcon > } />
		</div>
		<p className="wc-blocks-product-collection__collection-button-title">
			{ title }
		</p>
	</Button>
</Tooltip>

Environment info

• WordPress: 6.5.4
• Gutenberg: 18.7.1

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes