From 9935c9d1c6fdcd7c067e4222aeb5897b8cb9e037 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 2 Oct 2023 16:20:48 +0300
Subject: [PATCH] Fixed #4532 - Sidebar: autofocus cannot with other components

---
 components/lib/sidebar/Sidebar.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/lib/sidebar/Sidebar.vue b/components/lib/sidebar/Sidebar.vue
index 638e89b11..9817b9fe4 100755
--- a/components/lib/sidebar/Sidebar.vue
+++ b/components/lib/sidebar/Sidebar.vue
@@ -9,7 +9,7 @@
                             <div v-if="$slots.header" :class="cx('headerContent')" v-bind="ptm('headerContent')">
                                 <slot name="header"></slot>
                             </div>
-                            <button v-if="showCloseIcon" :ref="closeButtonRef" v-ripple autofocus type="button" :class="cx('closeButton')" :aria-label="closeAriaLabel" @click="hide" v-bind="ptm('closeButton')" data-pc-group-section="iconcontainer">
+                            <button v-if="showCloseIcon" :ref="closeButtonRef" v-ripple type="button" :class="cx('closeButton')" :aria-label="closeAriaLabel" @click="hide" v-bind="ptm('closeButton')" data-pc-group-section="iconcontainer">
                                 <slot name="closeicon" :class="cx('closeIcon')">
                                     <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')"></component>
                                 </slot>
@@ -106,17 +106,17 @@ export default {
                 return container && container.querySelector('[autofocus]');
             };
 
-            let focusTarget = this.$slots.default && findFocusableElement(this.content);
+            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);
 
             if (!focusTarget) {
-                focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);
+                focusTarget = this.$slots.default && findFocusableElement(this.container);
 
                 if (!focusTarget) {
-                    focusTarget = findFocusableElement(this.container);
+                    focusTarget = this.closeButton;
                 }
             }
 
-            focusTarget && focusTarget.focus();
+            focusTarget && DomHandler.focus(focusTarget);
         },
         enableDocumentSettings() {
             if (this.dismissable && !this.modal) {