Shoelace dropdown hidden by other elements
I 'm using the Shoelace UI package and having some trouble with a dropdown that 's getting covered up by a list item below it . Been doing the todo tut and trying to add feature to have options menu to duplicate /delete todo . First image shows list item component I 've created which contains my options menu as I intend it to look , 2nd shows the issue . 3rd just shows that it seems to only impact the dropdown when it goes to list items below it . I 'm guessing this is using the popover API as z -index doesn 't seem to have any impact . I don ’t believe it uses the popover api unless it ’s been updated recently for it So it should just be JS im treating this as the hard miles to learn toddle generally so figured i 'd bang my head against it for a bit to try and better understand things Interesting that the shoelace dropdown is doing that though Shouldn ’t be the case 🤔 in case anyone else comes across this - - after reading this further , it 's my understanding that the hoist attribute being set should in theory address this issue . I was playing w / this on the Shoelace site and this attribute seems to do the trick just fine (1st pic ) but when using the same attribute in Toddle , it does not work
.jpeg/public)