diff --git a/.changeset/great-masks-mate.md b/.changeset/great-masks-mate.md new file mode 100644 index 0000000000..68422596f2 --- /dev/null +++ b/.changeset/great-masks-mate.md @@ -0,0 +1,5 @@ +--- +"@lynx-js/web-elements": minor +--- + +fix: When list-type is not specified, it is treated as single formatting. diff --git a/packages/web-platform/web-elements/src/XList/x-list.css b/packages/web-platform/web-elements/src/XList/x-list.css index dd7d93e139..fab0e4241f 100644 --- a/packages/web-platform/web-elements/src/XList/x-list.css +++ b/packages/web-platform/web-elements/src/XList/x-list.css @@ -146,7 +146,7 @@ x-list[vertical-orientation="false"]::part(lower-threshold-observer) { } /* list-type single */ -x-list[list-type="single"] { +x-list { display: flex; flex-direction: column; align-items: stretch; @@ -154,7 +154,7 @@ x-list[list-type="single"] { column-gap: var(--list-cross-axis-gap); } -x-list[list-type="single"][scroll-orientation="horizontal"] { +x-list[scroll-orientation="horizontal"] { flex-direction: row; row-gap: var(--list-cross-axis-gap); column-gap: var(--list-main-axis-gap); diff --git a/packages/web-platform/web-tests/tests/web-elements/x-list/basic.html b/packages/web-platform/web-tests/tests/web-elements/x-list/basic.html index 12ef66e5d2..6e06d4ff34 100644 --- a/packages/web-platform/web-tests/tests/web-elements/x-list/basic.html +++ b/packages/web-platform/web-tests/tests/web-elements/x-list/basic.html @@ -44,7 +44,7 @@