Repeat item within a component in a repeat item is getting the wrong attribute
Hey guys ! I 'm having this issue : I have a table in the page , within each row I have a component called dropdown -status , which receives the statusid from the row . Inside the component I have a list of statuses coming from an API call within the component . I want to mark the selected status based on the attribute "statusid " I 'm passing from the outside table . When I test it inside the component it works , but when I test it from the outside table all the components of the rows are receiving the first -item statusid instead of each row 's statusid . I 'm doing something similar for tax rates , the difference from what I can see you 're doing to what I 'm doing , is that I call the API for the component list from outside , so I only get it once , and then assign that list into the component with a "list " attribute to work with . I then do the same as you to assign the selected status into the component . Seems to work . @ I tried that approach as well but it has the same result , it 's just passing the first item statusid to all the instances of the status component . I 'm recreating an app for my client that I currently have in Weweb . I really want to migrate from Weweb to Toddle , it 's a logistics internal app in the popover I added next to the labels the current id passing , as you 'll see it 's passing the first row status id to every instance of the component I just opened it and the popovers seem broken to me Haven 't looked around yet , that 's just how it looks on load Or rather , it is the same popover on all the rows Both the popover and the function need the same ID Let me see if I can find it Though I 'd prefer to use the upcoming anchor updates It worked though , let me see if I can find it 🔥1Please 😉 I think I have an idea for that Just need to add it to the popover div and function The popover API docs specify inset: unset to allow positioning But the popover api also uses an overlay and goes on the window 's top -layer So I 'm using overlay : none Though overlay is not fully supported yet So positioning would need to be tweaked for it to work everywhere untill the css properties are fully supported @Victor Giron If it 's of any interest , here 's the clone that I did as well . I changed loads of other stuff first before I came to the right conclusion 😳 but it all works , didn 't break it ! https://editor.nordcraft.com/projects/logistics_clone_alksdfjklasejflkasjd/branches/start/components/dropdown-status?canvas-width=800&canvas-height=800 🔥1There you go ! Updated so it works on well on Safari too Once some css properties are fully supported then it 'll be even simpler I only wanted to make a dropdown with the popover api Since I ’m using fixed values on it , it shouldn ’t @Victor Giron @Lucas G Fellaz , big thanks for our convo re popovers yesterday . Just converted my main dropdown component to popovers using a lot of what we discussed , big thanks to the code shared by Victor . Took a bit more faffing around to get it to toggle on demand and a few code snippets but it 's working great . V happy with it ! 😊 If there 's anything you 'd like to me share about it just let me know . Have a good one guys ! Pure CSS popover dropdown
.jpeg/public)