diff --git a/packages/primevue/src/galleria/Galleria.d.ts b/packages/primevue/src/galleria/Galleria.d.ts
index 43cd877e8..e481a0ade 100755
--- a/packages/primevue/src/galleria/Galleria.d.ts
+++ b/packages/primevue/src/galleria/Galleria.d.ts
@@ -467,6 +467,14 @@ export interface GalleriaSlots {
* Index of the indicator item
*/
index: number;
+ /**
+ * Current active item index as a number.
+ */
+ activeIndex: number;
+ /**
+ * Index of the element in tabbing order.
+ */
+ tabindex: number;
}): VNode[];
/**
* Custom thumbnail template.
diff --git a/packages/primevue/src/galleria/GalleriaItem.vue b/packages/primevue/src/galleria/GalleriaItem.vue
index a6abf391a..fe20beb8c 100755
--- a/packages/primevue/src/galleria/GalleriaItem.vue
+++ b/packages/primevue/src/galleria/GalleriaItem.vue
@@ -29,7 +29,7 @@
:data-p-active="isIndicatorItemActive(index)"
>
-
+
@@ -216,7 +216,7 @@ export default {
const indicators = [...find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')];
const highlightedIndex = indicators.findIndex((ind) => getAttribute(ind, 'data-p-active') === true);
- const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]');
+ const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > [tabindex="0"]');
const activeIndex = indicators.findIndex((ind) => ind === activeIndicator.parentElement);
indicators[activeIndex].children[0].tabIndex = '-1';
@@ -224,7 +224,7 @@ export default {
},
findFocusedIndicatorIndex() {
const indicators = [...find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')];
- const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]');
+ const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > [tabindex="0"]');
return indicators.findIndex((ind) => ind === activeIndicator.parentElement);
},