When I implement absolutely positioned pseudo elements on an HTML list, they display correctly. However, when I try to make the list sortable, the pseudo element is considered part of the draggable element.
How can I clearly indicate that the pseudo element is the only handle for dragging?
Is there a way to disable dragging on everything except for the pseudo element?
I attempted to designate the pseudo element as the handle, but this approach did not work.
$('#test').sortable({
handle: "::after"
});
To provide clarity, I created this fiddle.