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

Fixed #5279 - Galleria animation defect

pull/5313/head
tugcekucukoglu 2024-02-19 16:26:49 +03:00
parent 3d99836b47
commit f7678f0bd3
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/lib/galleria/GalleriaThumbnails.vue
View File

@ -15,7 +15,16 @@
<component :is="templates.previousthumbnailicon || (isVertical ? 'ChevronUpIcon' : 'ChevronLeftIcon')" :class="cx('previousThumbnailIcon')" v-bind="ptm('previousThumbnailIcon')" /> <component :is="templates.previousthumbnailicon || (isVertical ? 'ChevronUpIcon' : 'ChevronLeftIcon')" :class="cx('previousThumbnailIcon')" v-bind="ptm('previousThumbnailIcon')" />
</button> </button>
<div :class="cx('thumbnailItemsContainer')" :style="{ height: isVertical ? contentHeight : '' }" v-bind="ptm('thumbnailItemsContainer')"> <div :class="cx('thumbnailItemsContainer')" :style="{ height: isVertical ? contentHeight : '' }" v-bind="ptm('thumbnailItemsContainer')">
<div ref="itemsContainer" :class="cx('thumbnailItems')" role="tablist" @transitionend="onTransitionEnd" @touchstart="onTouchStart($event)" @touchmove="onTouchMove($event)" @touchend="onTouchEnd($event)" v-bind="ptm('thumbnailItems')"> <div
ref="itemsContainer"
:class="cx('thumbnailItems')"
role="tablist"
@transitionend="onTransitionEnd($event)"
@touchstart="onTouchStart($event)"
@touchmove="onTouchMove($event)"
@touchend="onTouchEnd($event)"
v-bind="ptm('thumbnailItems')"
>
<div <div
v-for="(item, index) of value" v-for="(item, index) of value"
:key="`p-galleria-thumbnail-item-${index}`" :key="`p-galleria-thumbnail-item-${index}`"
@ -381,8 +390,8 @@ export default {
indicators[nextInd].children[0].tabIndex = '0'; indicators[nextInd].children[0].tabIndex = '0';
indicators[nextInd].children[0].focus(); indicators[nextInd].children[0].focus();
}, },
onTransitionEnd() { onTransitionEnd(e) {
if (this.$refs.itemsContainer) { if (this.$refs.itemsContainer && e.propertyName === 'transform') {
document.body.setAttribute('data-p-items-hidden', 'true'); document.body.setAttribute('data-p-items-hidden', 'true');
!this.isUnstyled && DomHandler.addClass(this.$refs.itemsContainer, 'p-items-hidden'); !this.isUnstyled && DomHandler.addClass(this.$refs.itemsContainer, 'p-items-hidden');
this.$refs.itemsContainer.style.transition = ''; this.$refs.itemsContainer.style.transition = '';