I have a list with random sorting, set to a specific width and height.
What I want to achieve is when I click on an item in the list, it overflows beyond the scrollbar without activating the item itself.
Here's an example of how the normal scrollbar looks like:
Item 1 |X|
Item 2 |X|
Item 3 |X|
Item 4 |X|
Item 5 | |
Item 6 | |
Item 7 | |
Item 8 | |
Item 9 | |
This is what I envision after clicking on the 3rd item:
Item 1 |X|
Item 2 |X|
Item 3
Item 4 |X|
Item 5 | |
Item 6 | |
Item 7 | |
Item 8 | |
Item 9 | |
The scrollbar appears behind the 3rd item, allowing me to move it. For example, moving down would create this new layout:
Item 1 | | Item 1 | |
Item 2 |X| Item 2 | |
Item 3 Item 3
Item 4 |X| Item 4 |X|
Item 5 |X| OR Item 5 |X|
Item 6 | | Item 6 |X|
Item 7 | | Item 7 |X|
Item 8 | | Item 8 | |
Item 9 | | Item 9 | |
Any ideas or suggestions are greatly appreciated. Thank you!