Honor the hidden attribute on elements in preflight (#9174)

* Honor the `hidden` attribute on elements You’ll still be able to override this with utilities but this ensures that things like `<iframe hidden>` work as expected * Update changelog
tailwindlabs · Aug 24, 2022 · 7f93550 · 7f93550
1 parent cef02e2
commit 7f93550
Show file tree

Hide file tree

Showing 3 changed files with 98 additions and 88 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fix ring color utility generation when using `respectDefaultRingColorOpacity` ([#9070](https://github.com/tailwindlabs/tailwindcss/pull/9070))
 - Sort tags before classes when `@applying` a selector with joined classes ([#9107](https://github.com/tailwindlabs/tailwindcss/pull/9107))
 - Remove invalid `outline-hidden` utility ([#9147](https://github.com/tailwindlabs/tailwindcss/pull/9147))
+- Honor the `hidden` attribute on elements in preflight ([#9174](https://github.com/tailwindlabs/tailwindcss/pull/9174))
 
 ## [3.1.8] - 2022-08-05
 

diff --git a/src/css/preflight.css b/src/css/preflight.css
@@ -358,3 +358,8 @@ video {
   max-width: 100%;
   height: auto;
 }
+
+/* Make elements with the HTML hidden attirubte stay hidden by default */
+[hidden] {
+  display: none;
+}
diff --git a/tests/__snapshots__/source-maps.test.js.snap b/tests/__snapshots__/source-maps.test.js.snap
@@ -263,98 +263,102 @@ Array [
   "2:4-18 -> 360:2-17",
   "2:4-18 -> 361:2-14",
   "2:18 -> 362:0",
-  "2:4 -> 364:0",
-  "2:4-18 -> 365:2-26",
-  "2:4-18 -> 366:2-26",
-  "2:4-18 -> 367:2-21",
-  "2:4-18 -> 368:2-21",
-  "2:4-18 -> 369:2-16",
-  "2:4-18 -> 370:2-16",
-  "2:4-18 -> 371:2-16",
-  "2:4-18 -> 372:2-17",
-  "2:4-18 -> 373:2-17",
-  "2:4-18 -> 374:2-15",
-  "2:4-18 -> 375:2-15",
-  "2:4-18 -> 376:2-20",
-  "2:4-18 -> 377:2-40",
+  "2:4-18 -> 364:0-72",
+  "2:4 -> 365:0",
+  "2:4-18 -> 366:2-15",
+  "2:18 -> 367:0",
+  "2:4 -> 369:0",
+  "2:4-18 -> 370:2-26",
+  "2:4-18 -> 371:2-26",
+  "2:4-18 -> 372:2-21",
+  "2:4-18 -> 373:2-21",
+  "2:4-18 -> 374:2-16",
+  "2:4-18 -> 375:2-16",
+  "2:4-18 -> 376:2-16",
+  "2:4-18 -> 377:2-17",
   "2:4-18 -> 378:2-17",
-  "2:4-18 -> 379:2-22",
-  "2:4-18 -> 380:2-24",
-  "2:4-18 -> 381:2-25",
-  "2:4-18 -> 382:2-26",
-  "2:4-18 -> 383:2-20",
-  "2:4-18 -> 384:2-29",
-  "2:4-18 -> 385:2-30",
-  "2:4-18 -> 386:2-40",
-  "2:4-18 -> 387:2-36",
-  "2:4-18 -> 388:2-29",
-  "2:4-18 -> 389:2-24",
-  "2:4-18 -> 390:2-32",
-  "2:4-18 -> 391:2-14",
-  "2:4-18 -> 392:2-20",
-  "2:4-18 -> 393:2-18",
-  "2:4-18 -> 394:2-19",
-  "2:4-18 -> 395:2-20",
-  "2:4-18 -> 396:2-16",
-  "2:4-18 -> 397:2-18",
-  "2:4-18 -> 398:2-15",
-  "2:4-18 -> 399:2-21",
-  "2:4-18 -> 400:2-23",
-  "2:4-18 -> 401:2-29",
-  "2:4-18 -> 402:2-27",
-  "2:4-18 -> 403:2-28",
-  "2:4-18 -> 404:2-29",
-  "2:4-18 -> 405:2-25",
-  "2:4-18 -> 406:2-26",
+  "2:4-18 -> 379:2-15",
+  "2:4-18 -> 380:2-15",
+  "2:4-18 -> 381:2-20",
+  "2:4-18 -> 382:2-40",
+  "2:4-18 -> 383:2-17",
+  "2:4-18 -> 384:2-22",
+  "2:4-18 -> 385:2-24",
+  "2:4-18 -> 386:2-25",
+  "2:4-18 -> 387:2-26",
+  "2:4-18 -> 388:2-20",
+  "2:4-18 -> 389:2-29",
+  "2:4-18 -> 390:2-30",
+  "2:4-18 -> 391:2-40",
+  "2:4-18 -> 392:2-36",
+  "2:4-18 -> 393:2-29",
+  "2:4-18 -> 394:2-24",
+  "2:4-18 -> 395:2-32",
+  "2:4-18 -> 396:2-14",
+  "2:4-18 -> 397:2-20",
+  "2:4-18 -> 398:2-18",
+  "2:4-18 -> 399:2-19",
+  "2:4-18 -> 400:2-20",
+  "2:4-18 -> 401:2-16",
+  "2:4-18 -> 402:2-18",
+  "2:4-18 -> 403:2-15",
+  "2:4-18 -> 404:2-21",
+  "2:4-18 -> 405:2-23",
+  "2:4-18 -> 406:2-29",
   "2:4-18 -> 407:2-27",
-  "2:4 -> 408:2",
-  "2:18 -> 409:0",
-  "2:4 -> 411:0",
-  "2:4-18 -> 412:2-26",
-  "2:4-18 -> 413:2-26",
-  "2:4-18 -> 414:2-21",
-  "2:4-18 -> 415:2-21",
-  "2:4-18 -> 416:2-16",
-  "2:4-18 -> 417:2-16",
-  "2:4-18 -> 418:2-16",
-  "2:4-18 -> 419:2-17",
-  "2:4-18 -> 420:2-17",
-  "2:4-18 -> 421:2-15",
-  "2:4-18 -> 422:2-15",
-  "2:4-18 -> 423:2-20",
-  "2:4-18 -> 424:2-40",
+  "2:4-18 -> 408:2-28",
+  "2:4-18 -> 409:2-29",
+  "2:4-18 -> 410:2-25",
+  "2:4-18 -> 411:2-26",
+  "2:4-18 -> 412:2-27",
+  "2:4 -> 413:2",
+  "2:18 -> 414:0",
+  "2:4 -> 416:0",
+  "2:4-18 -> 417:2-26",
+  "2:4-18 -> 418:2-26",
+  "2:4-18 -> 419:2-21",
+  "2:4-18 -> 420:2-21",
+  "2:4-18 -> 421:2-16",
+  "2:4-18 -> 422:2-16",
+  "2:4-18 -> 423:2-16",
+  "2:4-18 -> 424:2-17",
   "2:4-18 -> 425:2-17",
-  "2:4-18 -> 426:2-22",
-  "2:4-18 -> 427:2-24",
-  "2:4-18 -> 428:2-25",
-  "2:4-18 -> 429:2-26",
-  "2:4-18 -> 430:2-20",
-  "2:4-18 -> 431:2-29",
-  "2:4-18 -> 432:2-30",
-  "2:4-18 -> 433:2-40",
-  "2:4-18 -> 434:2-36",
-  "2:4-18 -> 435:2-29",
-  "2:4-18 -> 436:2-24",
-  "2:4-18 -> 437:2-32",
-  "2:4-18 -> 438:2-14",
-  "2:4-18 -> 439:2-20",
-  "2:4-18 -> 440:2-18",
-  "2:4-18 -> 441:2-19",
-  "2:4-18 -> 442:2-20",
-  "2:4-18 -> 443:2-16",
-  "2:4-18 -> 444:2-18",
-  "2:4-18 -> 445:2-15",
-  "2:4-18 -> 446:2-21",
-  "2:4-18 -> 447:2-23",
-  "2:4-18 -> 448:2-29",
-  "2:4-18 -> 449:2-27",
-  "2:4-18 -> 450:2-28",
-  "2:4-18 -> 451:2-29",
-  "2:4-18 -> 452:2-25",
-  "2:4-18 -> 453:2-26",
+  "2:4-18 -> 426:2-15",
+  "2:4-18 -> 427:2-15",
+  "2:4-18 -> 428:2-20",
+  "2:4-18 -> 429:2-40",
+  "2:4-18 -> 430:2-17",
+  "2:4-18 -> 431:2-22",
+  "2:4-18 -> 432:2-24",
+  "2:4-18 -> 433:2-25",
+  "2:4-18 -> 434:2-26",
+  "2:4-18 -> 435:2-20",
+  "2:4-18 -> 436:2-29",
+  "2:4-18 -> 437:2-30",
+  "2:4-18 -> 438:2-40",
+  "2:4-18 -> 439:2-36",
+  "2:4-18 -> 440:2-29",
+  "2:4-18 -> 441:2-24",
+  "2:4-18 -> 442:2-32",
+  "2:4-18 -> 443:2-14",
+  "2:4-18 -> 444:2-20",
+  "2:4-18 -> 445:2-18",
+  "2:4-18 -> 446:2-19",
+  "2:4-18 -> 447:2-20",
+  "2:4-18 -> 448:2-16",
+  "2:4-18 -> 449:2-18",
+  "2:4-18 -> 450:2-15",
+  "2:4-18 -> 451:2-21",
+  "2:4-18 -> 452:2-23",
+  "2:4-18 -> 453:2-29",
   "2:4-18 -> 454:2-27",
-  "2:4 -> 455:2",
-  "2:18 -> 456:0",
+  "2:4-18 -> 455:2-28",
+  "2:4-18 -> 456:2-29",
+  "2:4-18 -> 457:2-25",
+  "2:4-18 -> 458:2-26",
+  "2:4-18 -> 459:2-27",
+  "2:4 -> 460:2",
+  "2:18 -> 461:0",
 ]
 `;