From 8509a9b66f72602d55b18cf55f756cb53fcfd5c3 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 21 Aug 2024 09:53:30 +0300
Subject: [PATCH] Fixed #6269 - aria-hidden errors on browsers

---
 packages/primevue/src/contextmenu/ContextMenuSub.vue | 6 +++---
 packages/primevue/src/megamenu/MegaMenuSub.vue       | 4 ++--
 packages/primevue/src/menu/Menuitem.vue              | 4 ++--
 packages/primevue/src/menubar/MenubarSub.vue         | 4 ++--
 packages/primevue/src/panelmenu/PanelMenuSub.vue     | 4 ++--
 packages/primevue/src/tieredmenu/TieredMenuSub.vue   | 6 +++---
 packages/primevue/src/tree/TreeNode.vue              | 2 +-
 7 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/primevue/src/contextmenu/ContextMenuSub.vue b/packages/primevue/src/contextmenu/ContextMenuSub.vue
index 9a0f37a47..6751ccdab 100755
--- a/packages/primevue/src/contextmenu/ContextMenuSub.vue
+++ b/packages/primevue/src/contextmenu/ContextMenuSub.vue
@@ -28,7 +28,7 @@
                         v-bind="getPTOptions('itemContent', processedItem, index)"
                     >
                         <template v-if="!templates.item">
-                            <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('itemLink', processedItem, index)">
+                            <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" v-bind="getPTOptions('itemLink', processedItem, index)">
                                 <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('itemIcon')" />
                                 <span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('itemIcon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions('itemIcon', processedItem, index)" />
                                 <span :id="getItemLabelId(processedItem)" :class="cx('itemLabel')" v-bind="getPTOptions('itemLabel', processedItem, index)">{{ getItemLabel(processedItem) }}</span>
@@ -75,9 +75,9 @@
 </template>
 
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
 import { nestedPosition } from '@primeuix/utils/dom';
-import { resolve, isNotEmpty } from '@primeuix/utils/object';
+import { isNotEmpty, resolve } from '@primeuix/utils/object';
+import BaseComponent from '@primevue/core/basecomponent';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
 import { mergeProps } from 'vue';
diff --git a/packages/primevue/src/megamenu/MegaMenuSub.vue b/packages/primevue/src/megamenu/MegaMenuSub.vue
index 0bda24d79..5780efe09 100644
--- a/packages/primevue/src/megamenu/MegaMenuSub.vue
+++ b/packages/primevue/src/megamenu/MegaMenuSub.vue
@@ -22,7 +22,7 @@
             >
                 <div :class="cx('itemContent')" @click="onItemClick($event, processedItem)" @mouseenter="onItemMouseEnter($event, processedItem)" v-bind="getPTOptions(processedItem, index, 'itemContent')">
                     <template v-if="!templates.item">
-                        <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions(processedItem, index, 'itemLink')">
+                        <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" v-bind="getPTOptions(processedItem, index, 'itemLink')">
                             <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('itemIcon')" />
                             <span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('itemIcon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions(processedItem, index, 'itemIcon')" />
                             <span :class="cx('itemLabel')" v-bind="getPTOptions(processedItem, index, 'itemLabel')">
@@ -74,8 +74,8 @@
 </template>
 
 <script>
+import { isNotEmpty, resolve } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
-import { resolve, isNotEmpty } from '@primeuix/utils/object';
 import AngleDownIcon from '@primevue/icons/angledown';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
diff --git a/packages/primevue/src/menu/Menuitem.vue b/packages/primevue/src/menu/Menuitem.vue
index 88ff2d4b5..cce41629e 100644
--- a/packages/primevue/src/menu/Menuitem.vue
+++ b/packages/primevue/src/menu/Menuitem.vue
@@ -13,7 +13,7 @@
     >
         <div :class="cx('itemContent')" @click="onItemClick($event)" @mousemove="onItemMouseMove($event)" v-bind="getPTOptions('itemContent')">
             <template v-if="!templates.item">
-                <a v-ripple :href="item.url" :class="cx('itemLink')" :target="item.target" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('itemLink')">
+                <a v-ripple :href="item.url" :class="cx('itemLink')" :target="item.target" tabindex="-1" v-bind="getPTOptions('itemLink')">
                     <component v-if="templates.itemicon" :is="templates.itemicon" :item="item" :class="cx('itemIcon')" />
                     <span v-else-if="item.icon" :class="[cx('itemIcon'), item.icon]" v-bind="getPTOptions('itemIcon')" />
                     <span :class="cx('itemLabel')" v-bind="getPTOptions('itemLabel')">{{ label() }}</span>
@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
 import { resolve } from '@primeuix/utils/object';
+import BaseComponent from '@primevue/core/basecomponent';
 import Ripple from 'primevue/ripple';
 import { mergeProps } from 'vue';
 
diff --git a/packages/primevue/src/menubar/MenubarSub.vue b/packages/primevue/src/menubar/MenubarSub.vue
index 1ae34fffd..c109f721b 100755
--- a/packages/primevue/src/menubar/MenubarSub.vue
+++ b/packages/primevue/src/menubar/MenubarSub.vue
@@ -27,7 +27,7 @@
                     v-bind="getPTOptions(processedItem, index, 'itemContent')"
                 >
                     <template v-if="!templates.item">
-                        <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions(processedItem, index, 'itemLink')">
+                        <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" v-bind="getPTOptions(processedItem, index, 'itemLink')">
                             <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('itemIcon')" />
                             <span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('itemIcon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions(processedItem, index, 'itemIcon')" />
                             <span :id="getItemLabelId(processedItem)" :class="cx('itemLabel')" v-bind="getPTOptions(processedItem, index, 'itemLabel')">{{ getItemLabel(processedItem) }}</span>
@@ -72,8 +72,8 @@
 </template>
 
 <script>
+import { isNotEmpty, resolve } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
-import { resolve, isNotEmpty } from '@primeuix/utils/object';
 import AngleDownIcon from '@primevue/icons/angledown';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
diff --git a/packages/primevue/src/panelmenu/PanelMenuSub.vue b/packages/primevue/src/panelmenu/PanelMenuSub.vue
index 0ae73c67e..f4aa099d7 100755
--- a/packages/primevue/src/panelmenu/PanelMenuSub.vue
+++ b/packages/primevue/src/panelmenu/PanelMenuSub.vue
@@ -18,7 +18,7 @@
             >
                 <div :class="cx('itemContent')" @click="onItemClick($event, processedItem)" @mousemove="onItemMouseMove($event, processedItem)" v-bind="getPTOptions('itemContent', processedItem, index)">
                     <template v-if="!templates.item">
-                        <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('itemLink', processedItem, index)">
+                        <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" v-bind="getPTOptions('itemLink', processedItem, index)">
                             <template v-if="isItemGroup(processedItem)">
                                 <component v-if="templates.submenuicon" :is="templates.submenuicon" :class="cx('submenuIcon')" :active="isItemActive(processedItem)" v-bind="getPTOptions('submenuIcon', processedItem, index)" />
                                 <component v-else :is="isItemActive(processedItem) ? 'ChevronDownIcon' : 'ChevronRightIcon'" :class="cx('submenuIcon')" v-bind="getPTOptions('submenuIcon', processedItem, index)" />
@@ -72,8 +72,8 @@
 </template>
 
 <script>
+import { isNotEmpty, resolve } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
-import { resolve, isNotEmpty } from '@primeuix/utils/object';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import Ripple from 'primevue/ripple';
diff --git a/packages/primevue/src/tieredmenu/TieredMenuSub.vue b/packages/primevue/src/tieredmenu/TieredMenuSub.vue
index d5a87dfde..97ece8cba 100755
--- a/packages/primevue/src/tieredmenu/TieredMenuSub.vue
+++ b/packages/primevue/src/tieredmenu/TieredMenuSub.vue
@@ -28,7 +28,7 @@
                         v-bind="getPTOptions(processedItem, index, 'itemContent')"
                     >
                         <template v-if="!templates.item">
-                            <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions(processedItem, index, 'itemLink')">
+                            <a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('itemLink')" :target="getItemProp(processedItem, 'target')" tabindex="-1" v-bind="getPTOptions(processedItem, index, 'itemLink')">
                                 <component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('itemIcon')" />
                                 <span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('itemIcon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions(processedItem, index, 'itemIcon')" />
                                 <span :id="getItemLabelId(processedItem)" :class="cx('itemLabel')" v-bind="getPTOptions(processedItem, index, 'itemLabel')">{{ getItemLabel(processedItem) }}</span>
@@ -74,9 +74,9 @@
 </template>
 
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
 import { nestedPosition } from '@primeuix/utils/dom';
-import { resolve, isNotEmpty } from '@primeuix/utils/object';
+import { isNotEmpty, resolve } from '@primeuix/utils/object';
+import BaseComponent from '@primevue/core/basecomponent';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
 import { mergeProps } from 'vue';
diff --git a/packages/primevue/src/tree/TreeNode.vue b/packages/primevue/src/tree/TreeNode.vue
index bab3a1748..2ff9f61aa 100755
--- a/packages/primevue/src/tree/TreeNode.vue
+++ b/packages/primevue/src/tree/TreeNode.vue
@@ -15,7 +15,7 @@
         v-bind="level === 1 ? getPTOptions('node') : ptm('nodeChildren')"
     >
         <div :class="cx('nodeContent')" @click="onClick" @touchend="onTouchEnd" :style="node.style" v-bind="getPTOptions('nodeContent')" :data-p-selected="checkboxMode ? checked : selected" :data-p-selectable="selectable">
-            <button v-ripple type="button" :class="cx('nodeToggleButton')" @click="toggle" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('nodeToggleButton')">
+            <button v-ripple type="button" :class="cx('nodeToggleButton')" @click="toggle" tabindex="-1" v-bind="getPTOptions('nodeToggleButton')">
                 <template v-if="node.loading && loadingMode === 'icon'">
                     <!-- TODO: nodetogglericon deprecated since v4.0-->
                     <component v-if="templates['nodetoggleicon'] || templates['nodetogglericon']" :is="templates['nodetoggleicon'] || templates['nodetogglericon']" :class="cx('nodeToggleIcon')" />