vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #4532 - Sidebar: autofocus cannot with other components

pull/4534/head
Tuğçe Küçükoğlu 2023-10-02 16:20:48 +03:00
parent dc2913e887
commit 9935c9d1c6
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/lib/sidebar/Sidebar.vue
View File

@ -9,7 +9,7 @@
<div v-if="$slots.header" :class="cx('headerContent')" v-bind="ptm('headerContent')"> <div v-if="$slots.header" :class="cx('headerContent')" v-bind="ptm('headerContent')">
<slot name="header"></slot> <slot name="header"></slot>
</div> </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')"> <slot name="closeicon" :class="cx('closeIcon')">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')"></component> <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')"></component>
</slot> </slot>
@ -106,17 +106,17 @@ export default {
return container && container.querySelector('[autofocus]'); return container && container.querySelector('[autofocus]');
}; };
let focusTarget = this.$slots.default && findFocusableElement(this.content); let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);
if (!focusTarget) { if (!focusTarget) {
focusTarget = this.$slots.header && findFocusableElement(this.headerContainer); focusTarget = this.$slots.default && findFocusableElement(this.container);
if (!focusTarget) { if (!focusTarget) {
focusTarget = findFocusableElement(this.container); focusTarget = this.closeButton;
} }
} }
focusTarget && focusTarget.focus(); focusTarget && DomHandler.focus(focusTarget);
}, },
enableDocumentSettings() { enableDocumentSettings() {
if (this.dismissable && !this.modal) { if (this.dismissable && !this.modal) {