I have a vertical repeat list with 'overflow-y: auto' and there are 100 items on the list. When this list becomes visible I want it to automatically scroll to and highlight one item in this list (based on a variable). Does anyone have any idea how to do this? Current behavior: In dark video Desired behavior: In light video
✅1
Andreas Møller
1 year ago
There are a few options, the simplest is probably just to focus it.
You can do that by first making it a button element or giving it an attribute tabindex=-1
then give it a unique Id attribute and use the focus action
Thanks! That did the trick. I just had to make some adjustments to make sure the input field is focused also. So when pop-up becomes visible I set focus on repeat list item, 50ms sleep and then focus on input. Not 100% as I want it, but it will do for now.
Andreas Møller
1 year ago
You. An also create a custom action that scrolls to an item
Tod
1 year ago
Great energy @Andreas Møller! Your continuous contribution to the toddle Community just made you advance to Community Level 30!
I've tried for an hour or two, but I think that for now I lack the skills in custom actions and how to integrate them into the rest of Toddle to get it working.
Thanks though 🙂
I made a note to come back to it and try again in a while
@Andreas Møller
.jpeg/public)