Fix tree nesting (#226)

* Remove p tag from TreeItem for proper HTML * Semver
microsoft · Feb 2, 2024 · 42083c0 · 42083c0
1 parent 3a0efd0
commit 42083c0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/.yarn/versions/e9ee5d80.yml b/.yarn/versions/e9ee5d80.yml
@@ -0,0 +1,3 @@
+releases:
+  "@essex/components": patch
+  essex-toolkit-stories: patch
diff --git a/packages/components/src/Tree/TreeItem.tsx b/packages/components/src/Tree/TreeItem.tsx
@@ -67,7 +67,7 @@ export const TreeItem: React.FC<TreeItemProps> = memo(function TreeItem(props) {
 				style={_styles.listItem}
 				key={`tree-item-li-${item.key}`}
 			>
-				<p
+				<div
 					style={listItemContentStyles}
 					onMouseEnter={onMouseEnter}
 					onMouseLeave={onMouseLeave}
@@ -81,7 +81,7 @@ export const TreeItem: React.FC<TreeItemProps> = memo(function TreeItem(props) {
 						{renderTitle(props)}
 						{item.menuItems && <IconButton {..._menuButtonProps} />}
 					</div>
-				</p>
+				</div>
 				{(item.expanded || narrow) && (
 					<ul style={_styles.list}>{contentRenderer(props)}</ul>
 				)}