Merge pull request #541 from RyanCoulsonCA/fix-191

fix focus issue when tabbing through slideshow
ramp4-pcar4 · Feb 7, 2025 · 9cbd5c1 · 9cbd5c1
2 parents 759abb1 + f3e3034
commit 9cbd5c1
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/src/components/panels/slideshow-panel.vue b/src/components/panels/slideshow-panel.vue
@@ -15,13 +15,19 @@
                     :touchDrag="false"
                 >
                     <slide v-for="(panelConfig, index) in config.items" :key="index" :index="index">
-                        <panel
-                            :config="panelConfig"
-                            :configFileStructure="configFileStructure"
-                            :slideIdx="slideIdx"
-                            :isSlideshowItem="true"
-                            :class="panelConfig.type === 'map' ? 'map-carousel-item' : 'carousel-item'"
-                        ></panel>
+                        <template #default="{ isActive }">
+                            <panel
+                                :config="panelConfig"
+                                :configFileStructure="configFileStructure"
+                                :slideIdx="slideIdx"
+                                :isSlideshowItem="true"
+                                :class="{
+                                    'map-carousel-item': panelConfig.type === 'map',
+                                    'carousel-item': panelConfig.type !== 'map',
+                                    hidden: !isActive
+                                }"
+                            ></panel>
+                        </template>
                     </slide>
 
                     <template #addons>