From dff0e5ea3349b4838d470c5a7f7d8d7e868f4981 Mon Sep 17 00:00:00 2001 From: H5BP Date: Fri, 21 Oct 2016 15:06:36 +0000 Subject: [PATCH] Update content from the `dist` directory [skip ci] --- dist/css/main.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/dist/css/main.css b/dist/css/main.css index ef62062958..72f5fafcf8 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -126,6 +126,10 @@ textarea { /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility + * + * 1. For long content, line feeds are not interpreted as spaces and small width + * causes content to wrap 1 word per line: + * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { @@ -137,6 +141,7 @@ textarea { padding: 0; position: absolute; width: 1px; + white-space: nowrap; /* 1 */ } /* @@ -153,6 +158,7 @@ textarea { overflow: visible; position: static; width: auto; + white-space: inherit; } /*