@amsterdam/design-system-react/dist/ImageSlider/utils/scrollToCurrentSlideOnResize.js

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

import { scrollToSlide } from './scrollToSlide';
export const scrollToCurrentSlideOnResize = ({ currentSlideId, ref }) => {
    const scrollerElement = ref.current;
    const currentSlideElement = ref.current?.children[currentSlideId];
    if (!scrollerElement || !currentSlideElement)
        return;
    const expectedScrollLeft = currentSlideElement.offsetLeft;
    if (Math.abs(scrollerElement.scrollLeft - expectedScrollLeft) < 1)
        return;
    scrollToSlide(currentSlideId, ref);
};