diff --git a/components/lib/listbox/Listbox.vue b/components/lib/listbox/Listbox.vue
index 088b8ec9e..dd70f8922 100755
--- a/components/lib/listbox/Listbox.vue
+++ b/components/lib/listbox/Listbox.vue
@@ -88,10 +88,10 @@
{{ getOptionLabel(option) }}
-
+
{{ emptyFilterMessageText }}
-
+
{{ emptyMessageText }}
@@ -203,7 +203,7 @@ export default {
onFirstHiddenFocus() {
DomHandler.focus(this.list);
- const firstFocusableEl = DomHandler.getFirstFocusableElement(this.$el, ':not(.p-hidden-focusable)');
+ const firstFocusableEl = DomHandler.getFirstFocusableElement(this.$el, ':not([data-p-hidden-focusable="true"])');
this.$refs.lastHiddenFocusableElement.tabIndex = ObjectUtils.isEmpty(firstFocusableEl) ? -1 : undefined;
this.$refs.firstHiddenFocusableElement.tabIndex = -1;
@@ -212,7 +212,7 @@ export default {
const relatedTarget = event.relatedTarget;
if (relatedTarget === this.list) {
- const firstFocusableEl = DomHandler.getFirstFocusableElement(this.$el, ':not(.p-hidden-focusable)');
+ const firstFocusableEl = DomHandler.getFirstFocusableElement(this.$el, ':not([data-p-hidden-focusable="true"])');
DomHandler.focus(firstFocusableEl);
this.$refs.firstHiddenFocusableElement.tabIndex = undefined;