Smooth repeater transition when displaying single selection tag

Ask the community
,
1

I am using a repeater to display a musician agency roster with several categories of musicians.

www.InsigniaArtists .com/roster

I found some code to allow for selection tag inputs to cancel out previous inputs (achieves one selection displayed at a time) in the comments here: https://www.wix.com/velo/forum/tips-tutorials-examples/how-to-filter-wix-gallery-using-selection-tags

import wixData from 'wix-data';

$w.onReady(function () {

    $w('#selectionTags1').onChange(() => {

        let selectedTag = $w('#selectionTags1').value;

        for (var i = 0; i < selectedTag.length - 1; i++) {
            if (selectedTag.length > 1) {
                selectedTag.shift();

            }
        }

        setTimeout(() => {
            $w('#selectionTags1').value = [];
            $w('#selectionTags1').value = selectedTag;

        }, 1)
        let filter = wixData.filter();

        if (selectedTag.length > 0) {
            filter = filter.hasSome("jobTitle", selectedTag);
        }

        $w('#teamDataset').setFilter(filter);

    });
});

The result is exactly what I need EXCEPT the transition between selections (after the first one) is super abrupt/jerky. Is it possible to code in a smoother transition? (I found a thread on hide(effect) show(effect) for a gallery at https://www.wix.com/velo/forum/coding-with-velo/smooth-transition-when-changing-image-element-s-src?origin=auto_suggest
but it quickly went over my head and I’m not sure it would work with a repeater in any case…)

Thank you for your help!

2

Bumping my own post :grin: