diff --git a/src/components/galleria/Galleria.vue b/src/components/galleria/Galleria.vue index ba30b8ca7..ba5ed7929 100755 --- a/src/components/galleria/Galleria.vue +++ b/src/components/galleria/Galleria.vue @@ -286,6 +286,7 @@ export default { .p-galleria-thumbnail-items-container { overflow: hidden; + width: 100%; } .p-galleria-thumbnail-items { diff --git a/src/components/galleria/GalleriaContent.vue b/src/components/galleria/GalleriaContent.vue index 536809b9a..2455bbd71 100755 --- a/src/components/galleria/GalleriaContent.vue +++ b/src/components/galleria/GalleriaContent.vue @@ -13,7 +13,7 @@ @start-slideshow="startSlideShow" @stop-slideshow="stopSlideShow" /> @@ -39,12 +39,21 @@ export default { return { id: this.$attrs.id || UniqueComponentId(), activeIndex: this.$attrs.activeIndex, + numVisible: this.$attrs.numVisible, slideShowActive: false } }, watch: { + '$attrs.value': function(newVal) { + if (newVal && newVal.length < this.numVisible) { + this.numVisible = newVal.length; + } + }, '$attrs.activeIndex': function(newVal) { this.activeIndex = newVal; + }, + '$attrs.numVisible': function(newVal) { + this.numVisible = newVal; } }, updated() {