Reduce motion check in Freeform _scrollToForm function

[zizther]

I am currently looking at certain accessibility improvements on a project and I noticed Freeform uses behavior:"smooth" in the _scrollToForm function, it would be good if this could check to see if the user has reduced motion selected and sets the behavior to auto.

let reducedMotion = (function() {
    let mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
    if (mediaQuery){
        return !!mediaQuery.matches;
    }
    return false;
})();

Alternatively the behavior value could be manageable like you have for the offset, e.g.

document.addEventListener('freeform-ready', (event) => {
    // scrolling behavior
    // defaults to 'smooth'
    event.options.scrollBehavior = 'auto;
});

Or removed and managed by the sites CSS using

html {
    scroll-behavior: smooth;

    @media (prefers-reduced-motion: reduce) {
        scroll-behavior: auto;
    }
}

[kjmartens]

This is now available in Freeform 5.7.2+ 🙂