From 7f93550e635f58dfcc9aa97544681e76aa177b77 Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Wed, 24 Aug 2022 17:05:44 -0400
Subject: [PATCH] Honor the `hidden` attribute on elements in preflight (#9174)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 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
---
 CHANGELOG.md                                 |   1 +
 src/css/preflight.css                        |   5 +
 tests/__snapshots__/source-maps.test.js.snap | 180 ++++++++++---------
 3 files changed, 98 insertions(+), 88 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4ff6e5bf9..cc557d8e0 100644
--- 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
index bf36495d2..439733276 100644
--- 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
index fca9b258f..407668c51 100644
--- 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",
 ]
 `;