Merge pull request #5765 from matuzalemsteles/LPS-203851-2

fix(@clayui/core): LPS-203851 fixes bug when keeping DropDown open in TreeView actions in Firefox
liferay · Feb 15, 2024 · 87d2436 · 87d2436
2 parents 3accbcd + e1436c6
commit 87d2436
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/clay-core/src/tree-view/TreeViewItem.tsx b/packages/clay-core/src/tree-view/TreeViewItem.tsx
@@ -265,6 +265,7 @@ export const TreeViewItem = React.forwardRef<
 					onBlur={(event) => {
 						if (
 							actions &&
+							event.relatedTarget &&
 							!item.itemRef.current?.contains(
 								event.relatedTarget as HTMLElement
 							)

diff --git a/packages/clay-core/stories/TreeView.stories.tsx b/packages/clay-core/stories/TreeView.stories.tsx
@@ -242,8 +242,12 @@ export const Actions = () => (
 					</Button>
 					<DropDownWithItems
 						items={[
-							{label: 'One'},
-							{label: 'Two'},
+							{
+								href: '#',
+								label: 'One',
+								onClick: (event) => event.preventDefault(),
+							},
+							{href: '#', label: 'Two'},
 							{label: 'Three'},
 						]}
 						trigger={