From 90d1f75c5b6466a2eebd1069a7860dbde22b2daf Mon Sep 17 00:00:00 2001 From: melloware Date: Fri, 15 Mar 2024 19:06:35 -0400 Subject: [PATCH 1/2] Fix #6163: p-hidden-accessible modernization --- components/lib/componentbase/ComponentBase.js | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/components/lib/componentbase/ComponentBase.js b/components/lib/componentbase/ComponentBase.js index 159e130d7f..40bbb1e052 100644 --- a/components/lib/componentbase/ComponentBase.js +++ b/components/lib/componentbase/ComponentBase.js @@ -4,14 +4,15 @@ import { ObjectUtils, classNames, mergeProps } from '../utils/Utils'; const baseStyle = ` .p-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; + border: 0 !important; + padding: 0 !important; + margin: -1px !important; + position: absolute !important; + height: 1px !important; + width: 1px !important; + overflow: hidden !important; + clip-path: inset(50%) !important; + white-space: nowrap !important; } .p-hidden-accessible input, From 1cb1d5cabf97617ffa835e5748a8513e11679575 Mon Sep 17 00:00:00 2001 From: Melloware Date: Mon, 25 Mar 2024 08:31:04 -0400 Subject: [PATCH 2/2] Update ComponentBase.js --- components/lib/componentbase/ComponentBase.js | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/components/lib/componentbase/ComponentBase.js b/components/lib/componentbase/ComponentBase.js index 40bbb1e052..fd27b05139 100644 --- a/components/lib/componentbase/ComponentBase.js +++ b/components/lib/componentbase/ComponentBase.js @@ -4,15 +4,16 @@ import { ObjectUtils, classNames, mergeProps } from '../utils/Utils'; const baseStyle = ` .p-hidden-accessible { - border: 0 !important; - padding: 0 !important; - margin: -1px !important; - position: absolute !important; - height: 1px !important; - width: 1px !important; - overflow: hidden !important; - clip-path: inset(50%) !important; - white-space: nowrap !important; + border: 0; + padding: 0; + margin: -1px; + position: absolute; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + clip-path: inset(50%); + white-space: nowrap; } .p-hidden-accessible input,