Skip to main content

Search and Top Navigation

#4994 closed feature (worksforme)

Opened December 06, 2009 06:01PM UTC

Closed January 05, 2015 02:38PM UTC

Draggable: Add support for dir="rtl"

Reported by: inamjameel Owned by: inamjameel
Priority: minor Milestone: 2.0.0
Component: ui.draggable Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:
Description

I am using JQuery Drag n drop, tabs, dialog boxes etc in my Stock

trading application.

its functioning fine in ltr css direction.

the problem is all the Drag n drop operations are handled through,

relative absolute positioning and handles Left, Top property of the

css to handle widgets place.

i want to enable this (drag n drop) functionality in rtl css direction

too.

please let me know if there is already a support available in the

Jquery 1.3.

or any suggestion to optimize the solution if i have to implement it

in rtl direction by transforming left to right and vice versa.

Attachments (0)
Change History (15)

Changed June 26, 2012 01:22AM UTC by scottgonzalez comment:1

type: enhancementfeature

Changed October 11, 2012 09:07PM UTC by scottgonzalez comment:2

milestone: TBD2.0.0

Changed November 04, 2012 05:43PM UTC by jzaefferer comment:3

status: newopen

Need to take RTL into account for 2.0.0. Usually browsers are pretty smart about RTL and hardly require us to support it directly.

Changed November 04, 2012 07:06PM UTC by scottgonzalez comment:4

owner: → inamjameel
status: openpending

What exactly is the request? How does LTR affect dragging? Is this a request to support using right instead of left?

Changed November 19, 2012 09:06AM UTC by trac-o-bot comment:5

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Changed March 06, 2013 09:49AM UTC by leen comment:6

Hi,

I have the same issue. I am using jquery-1.6.2 and jquery.ui.draggable to use JQuery Drag n drop. its functioning fine in ltr css direction.

When I used rtl direction, I have a problem while dragging the image, position of the mouse when I clicked into the image to begin drag change.

please let me know if there any suggestion to optimize the solution if i have to implement it in rtl direction by transforming left to right and vice versa.

Thanks

Changed March 06, 2013 01:46PM UTC by scottgonzalez comment:7

leen: It's not possible for us to provide any help until we get more information. See my unanswered questions in comment 4. A reduced test case goes a long way.

Changed April 03, 2013 01:59PM UTC by hri comment:8

_comment0: hello, i have same issue as leen, i'm using ie8, jquery-1.6.2 and jquery.ui.draggable \ the problem is when i'm using ltr direction the drag is not accurate. The mouse pointer is far away from the dragged object. \ please help \ Thanks in advanced 1364997630345232

hello, i have same issue as leen, i'm using ie8, jquery-1.6.2 and jquery.ui.draggable

the problem is when i'm using ltr direction the drag is not accurate.

The mouse pointer is far away from the dragged object.

please help

Thanks in advanced

Changed April 04, 2013 01:40AM UTC by tj.vantoll comment:9

Replying to [comment:8 hri]:

hello, i have same issue as leen, i'm using ie8, jquery-1.6.2 and jquery.ui.draggable the problem is when i'm using ltr direction the drag is not accurate. The mouse pointer is far away from the dragged object. please help Thanks in advanced

We need a reduced test case that shows the issue you are experiencing. You can use this as a starting point: http://jsfiddle.net/tj_vantoll/kY7FA/.

Changed April 04, 2013 07:56PM UTC by mojehfilm comment:10

could you please have look at :

http://jsfiddle.net/q9Zq4/

Changed April 05, 2013 06:51AM UTC by hri comment:11

_comment0: I tried it in http://jsfiddle.net/tj_vantoll/kY7FA/. \ [[BR]] \ But i can't make the problem show. In my case i have to scroll the dragged object all over the background image, for that i have a scroll bar and i think that what causes my problem, because when i set the main div width to 100% everything works fine1365146682859527

I tried it in http://jsfiddle.net/hhri/kY7FA/5/

But i can't make the problem show. In my case i have to scroll the dragged object all over the background image, for that i have a scroll bar and i think that what causes my problem, because when i set the main div width to 100% everything works fine

Changed April 06, 2013 10:26PM UTC by tj.vantoll comment:12

resolution: invalid
status: closedreopened
summary: Drog n Drop Support in RTL directionDraggable: Add support for dir="rtl"

Thanks mojehfilm.

Here's a test case http://jsfiddle.net/tj_vantoll/wruxS/.

Changed April 09, 2013 02:31PM UTC by hri comment:13

hello,

Any news for this issue?

Thank you

Changed April 10, 2013 02:57AM UTC by tj.vantoll comment:14

Replying to [comment:13 hri]:

hello, Any news for this issue? Thank you

The draggable interaction is set for a rewrite in 1.13 and we will likely not be investigating this before then. If you'd like to look into this yourself we'd be happy to review a pull request.

Changed January 05, 2015 02:38PM UTC by scottgonzalez comment:15

resolution: → worksforme
status: reopenedclosed

This is not a bug with RTL. The helper is absolutely positioned, so it doesn't have the same width as the original. The positioning is correct, since positioning is always based on the top left corner. See http://jsfiddle.net/wruxS/1/ for a simple solution with the provided test case.