From dbc3ed973573a77122f6b8a2aebd0a76a44ad6a6 Mon Sep 17 00:00:00 2001 From: Rob Larsen Date: Mon, 11 Sep 2017 09:48:56 -0400 Subject: [PATCH] Restores stable visuallyhidden (#1991) see the saga unfold #1985 --- CHANGELOG.md | 5 +++++ dist/css/main.css | 5 +++-- package.json | 2 +- src/css/main.css | 3 ++- 4 files changed, 11 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 946db4e81a..1a15c0b0a8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,8 @@ +### 6.0.1 (August 20, 2017) + +* Reverts .visuallyhidden (see [#1985](https://github.com/h5bp/html5-boilerplate/issues/1985)) + + ### 6.0.0 (August 17, 2017) * Fix Bug: .visuallyhidden on macOS VO fixes #1985 ([#1989](https://github.com/h5bp/html5-boilerplate/pull/1989)) diff --git a/dist/css/main.css b/dist/css/main.css index 20626e7b85..46098cfea3 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -1,4 +1,4 @@ -/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */ +/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. @@ -136,13 +136,14 @@ textarea { .visuallyhidden { border: 0; + clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); - display: inline-block; height: 1px; margin: -1px; overflow: hidden; padding: 0; + position: absolute; width: 1px; white-space: nowrap; /* 1 */ } diff --git a/package.json b/package.json index 6e3d0c9cc4..0404476dfe 100644 --- a/package.json +++ b/package.json @@ -51,7 +51,7 @@ "build": "gulp build", "test": "gulp archive && mocha --compilers js:babel-register --reporter spec --timeout 5000" }, - "version": "6.0.0", + "version": "6.0.1", "description": "A professional front-end template for building fast, robust, and adaptable web apps or sites.", "files": [ "CHANGELOG.md", diff --git a/src/css/main.css b/src/css/main.css index 23aff4a807..f35f97d2ab 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -129,12 +129,13 @@ textarea { .visuallyhidden { border: 0; + clip: rect(0 0 0 0); clip-path: inset(50%); - display: inline-block; height: 1px; margin: -1px; overflow: hidden; padding: 0; + position: absolute; width: 1px; white-space: nowrap; /* 1 */ }