DataViews: Fix react warning error in list layout (WordPress#60101)

Co-authored-by: t-hamano <wildworks@git.wordpress.org> Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
carstingaxion · Mar 27, 2024 · 87e259d · 87e259d
1 parent 9232f1c
commit 87e259d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
@@ -465,8 +465,6 @@
 		line-height: $grid-unit-20;
 
 		.dataviews-view-list__field {
-			margin: 0;
-
 			&:has(.dataviews-view-list__field-value:empty) {
 				display: none;
 			}

diff --git a/packages/dataviews/src/view-list.js b/packages/dataviews/src/view-list.js
@@ -98,7 +98,7 @@ function ListItem( {
 									id={ descriptionId }
 								>
 									{ visibleFields.map( ( field ) => (
-										<p
+										<div
 											key={ field.id }
 											className="dataviews-view-list__field"
 										>
@@ -111,7 +111,7 @@ function ListItem( {
 											<span className="dataviews-view-list__field-value">
 												{ field.render( { item } ) }
 											</span>
-										</p>
+										</div>
 									) ) }
 								</div>
 							</VStack>