Adding animations to search bar entries

Ask the community
,
1

Hello,

I have a working search bar that is connected to a dataset. When I search for a keyword, the item in the dataset that has that keyword appears. Is there a way to add animations to the items that appear after you type some keywords into a search bar? My repeater has an animation, but it only works after you delete what you’ve entered into the search bar and whenever the page loads. So whenever I type a keyword into the search bar, the items that have that keyword just appear without an animation.

2

I’m sure it is possible, but for smoothness of UX, I’d recommend using a search button instead of data that filters and populates as you type. Combining the animations with the more automated process would almost certainly lead to clunkiness.

That said, two possible solutions would be using the repeaters forEachItem() property to show items one by one with an animation of your choosing, or using a for loop in tandem with the onItemReady() property of the repeater.