How to fix chromium browser cursor dragging in rtl page?

Viewed 15

draggable not under cursor 1

draggable not under cursor 2

How to fix this bug in chromium that when the page is rtl and the element is draggable the dragged element does not show directly under cursor, but far away, like in the above image

--

simple example:

<p draggable="true" dir="rtl">snippet</p>


The problem

the dragged item should be gripped from the right not from the left in rtl view

1 Answers

The problem is that you use p which takes the whole width. Try span:

<div dir="rtl">
        <span draggable="true">This is a snippet which takes the full width of the container. This is a snippet which takes the full width of the container. This is a snippet which takes the full width of the container. This is a snippet which takes the full width of the container. </span>
</div>

Related