diff --git a/packages/vkui/src/components/BaseGallery/CarouselBase/CarouselBase.tsx b/packages/vkui/src/components/BaseGallery/CarouselBase/CarouselBase.tsx index f5c2934372..437f8d0b58 100644 --- a/packages/vkui/src/components/BaseGallery/CarouselBase/CarouselBase.tsx +++ b/packages/vkui/src/components/BaseGallery/CarouselBase/CarouselBase.tsx @@ -114,6 +114,11 @@ export const CarouselBase = ({ return { coordX: elem.offsetLeft, width: elem.offsetWidth }; }) || []; + if (localSlides.length === 0) { + initialized.current = false; + return; + } + const containerWidth = rootRef.current.offsetWidth; const viewportOffsetWidth = viewportRef.current.offsetWidth; const layerWidth = localSlides.reduce((val, slide) => slide.width + val, 0); @@ -128,7 +133,7 @@ export const CarouselBase = ({ } if (remainingWidth <= 0 && slideIndex === localSlides.length) { warn( - 'Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше."', + 'Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше.', ); } } diff --git a/packages/vkui/src/components/Gallery/Gallery.test.tsx b/packages/vkui/src/components/Gallery/Gallery.test.tsx index 9e53b10ce7..67b81eeb37 100644 --- a/packages/vkui/src/components/Gallery/Gallery.test.tsx +++ b/packages/vkui/src/components/Gallery/Gallery.test.tsx @@ -629,7 +629,7 @@ describe('Gallery', () => { }); expect(warn).toHaveBeenCalledWith( - '%c[VKUI/Gallery] Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше."', + '%c[VKUI/Gallery] Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше.', undefined, ); warn.mockRestore();