From a59ff90e64497d4ee349602fe5e88136241ae00a Mon Sep 17 00:00:00 2001 From: Ramya Parimi <33761166+ramyaparimi@users.noreply.github.com> Date: Wed, 23 Oct 2024 13:55:27 -0500 Subject: [PATCH] delete deprecated clip example (#35956) * delete deprecated clip example * Update index.md adding modern `clip-path: inset(50%);` property * 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> * Update index.md add clip-path remove clip * added clip --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Estelle Weyl --- .../file_api/using_files_from_web_applications/index.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 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 88375a6a3f4d024..1b59d6744fbac5a 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,11 +182,13 @@ 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; - clip: rect(1px, 1px, 1px, 1px); + position: absolute; + white-space: nowrap; + width: 1px; } input.visually-hidden:is(:focus, :focus-within) + label {