Open Jarweb opened 3 years ago
Describe the bug
function Measure(options, element) { var $el = element.$el; console.log('viewsize', element) console.log('viewsize', element.$el.offsetWidth) setTimeout(() => { console.log('viewsize setTimeout', element.$el.offsetWidth) }, 1000) var viewSize = options.isHorizontal ? $el.offsetWidth: $el.offsetHeight; var slideSize = (viewSize - Math.ceil(options.slidesPerView - 1) * options.spaceBetween) / options.slidesPerView; var boxSize = slideSize + options.spaceBetween; return { boxSize: boxSize, viewSize: viewSize, slideSize: slideSize }; }
swiper init in react useLayoutEffect
Expected behavior
Information
@Jarweb Hi, Would you mind create a repo or demo to reproduce this issue?
You can use https://stackblitz.com/ , just paste demo link on this comments
@Jarweb Can you confirm this is still an issue?
Describe the bug
function Measure(options, element) { var $el = element.$el; console.log('viewsize', element) console.log('viewsize', element.$el.offsetWidth) setTimeout(() => { console.log('viewsize setTimeout', element.$el.offsetWidth) }, 1000) var viewSize = options.isHorizontal ? $el.offsetWidth: $el.offsetHeight; var slideSize = (viewSize - Math.ceil(options.slidesPerView - 1) * options.spaceBetween) / options.slidesPerView; var boxSize = slideSize + options.spaceBetween; return { boxSize: boxSize, viewSize: viewSize, slideSize: slideSize }; }
swiper init in react useLayoutEffect
Expected behavior
Information