Prevent Preflight from affecting list semantics (#13815)

* Prevent Preflight from affecting list semantics * Use `list-style` property * Update snapshots * Update changelog --------- Co-authored-by: Jordan Pittman <jordan@cryptica.me>
tailwindlabs · Jun 14, 2024 · 332347e · 332347e
1 parent d9cd199
commit 332347e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add `rounded-4xl` utility ([#13827](https://github.com/tailwindlabs/tailwindcss/pull/13827))
 - Add `backdrop-blur-none` and `blur-none` utilities ([#13831](https://github.com/tailwindlabs/tailwindcss/pull/13831))
 - Include variable in output for bare utilities like `rounded` ([#13836](https://github.com/tailwindlabs/tailwindcss/pull/13836))
+- Preserve list semantics for `ul`, `li`, and `menu` by default ([#13815](https://github.com/tailwindlabs/tailwindcss/pull/13815))
 
 ## [4.0.0-alpha.16] - 2024-06-07
 

diff --git a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap
@@ -553,7 +553,7 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
   }
 
   ol, ul, menu {
-    list-style: none;
+    list-style: "";
   }
 
   textarea {

diff --git a/packages/tailwindcss/preflight.css b/packages/tailwindcss/preflight.css
@@ -262,13 +262,13 @@ summary {
 }
 
 /*
-  Make lists unstyled by default.
+  Make lists unstyled by default, without affecting semantics. (https://www.matuzo.at/blog/2023/removing-list-styles-without-affecting-semantics)
 */
 
 ol,
 ul,
 menu {
-  list-style: none;
+  list-style: '';
 }
 
 /*