From 80f190e7a8a2fa0d7fb0c9676cd6592de1947caa Mon Sep 17 00:00:00 2001 From: Ramya Parimi <33761166+ramyaparimi@users.noreply.github.com> Date: Thu, 19 Sep 2024 09:04:58 -0500 Subject: [PATCH 1/4] delete deprecated clip example --- .../web/api/file_api/using_files_from_web_applications/index.md | 1 - 1 file changed, 1 deletion(-) diff --git a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md index 159d36c55aeda1f..f33c654fc1f40ca 100644 --- a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md +++ b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md @@ -186,7 +186,6 @@ and this CSS: height: 1px; width: 1px; overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } input.visually-hidden:is(:focus, :focus-within) + label { From a747a44874ae94f1f4df5b3056b6a2c04636a294 Mon Sep 17 00:00:00 2001 From: Ramya Parimi <33761166+ramyaparimi@users.noreply.github.com> Date: Thu, 19 Sep 2024 15:02:13 -0500 Subject: [PATCH 2/4] Update index.md adding modern `clip-path: inset(50%);` property --- .../file_api/using_files_from_web_applications/index.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md index f33c654fc1f40ca..0e863bd3394b5f5 100644 --- a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md +++ b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md @@ -182,12 +182,16 @@ and this CSS: ```css .visually-hidden { - position: absolute !important; + clip: rect(0 0 0 0); + clip-path: inset(50%); height: 1px; - width: 1px; overflow: hidden; + position: absolute; + white-space: nowrap; + width: 1px; } + input.visually-hidden:is(:focus, :focus-within) + label { outline: thin dotted; } From 221c721c0a6b3eb8b33e3f905a18a603142eae47 Mon Sep 17 00:00:00 2001 From: Ramya Parimi <33761166+ramyaparimi@users.noreply.github.com> Date: Thu, 19 Sep 2024 15:05:31 -0500 Subject: [PATCH 3/4] Update files/en-us/web/api/file_api/using_files_from_web_applications/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .../web/api/file_api/using_files_from_web_applications/index.md | 1 - 1 file changed, 1 deletion(-) diff --git a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md index 0e863bd3394b5f5..5cd1ef059c0bda4 100644 --- a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md +++ b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md @@ -191,7 +191,6 @@ and this CSS: width: 1px; } - input.visually-hidden:is(:focus, :focus-within) + label { outline: thin dotted; } From c7200e2b3260a9b870532412d7fd796dd64eb7e4 Mon Sep 17 00:00:00 2001 From: Ramya Parimi <33761166+ramyaparimi@users.noreply.github.com> Date: Fri, 20 Sep 2024 13:33:13 -0500 Subject: [PATCH 4/4] Update index.md add clip-path remove clip --- .../web/api/file_api/using_files_from_web_applications/index.md | 1 - 1 file changed, 1 deletion(-) diff --git a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md index 5cd1ef059c0bda4..17b18c0dc766af6 100644 --- a/files/en-us/web/api/file_api/using_files_from_web_applications/index.md +++ b/files/en-us/web/api/file_api/using_files_from_web_applications/index.md @@ -182,7 +182,6 @@ and this CSS: ```css .visually-hidden { - clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden;