How move an item from the top to the bottom? Do you need to add 100% padding to the top and bottom of every list? Most lists can't be scrolled far enough to get the screen coordinates of the top to the bottom.

It seems like it only works on pages that scroll, which is not good. I deleted the <header> and <footer> elements on the page, and was unable to anything but "cancel" after clicking "pick". Also did not work setting max-height on the <main> element and overflow-y:scroll, even though I could scroll the items did not scroll with it. It is an experiment and probably doesn't have every implementation detail covered yet.