jQueryUi Draggable inside scaled iframe not working properly

Asked Oct 21 '16 at 16:45

Active Nov 01 '16 at 20:09

Viewed 276 times

I am working on an application, where a main page loads another page inside iframe. The page inside iframe <html> tag has css3 scaling applied

html{
        -webkit-transform:scale(.5);
    }

Now jqueryui draggable inside the iframe,has some weird behavior. When I drag an element inside the iframe page, the draggable element doesn't catch up with mouse, i.e mouse move farther/faster than the element.

Is there any way to correct this behaviour

Everything is working locally , no server involved. This is basically Readium Epub viewer, JavaScript application.

edited Nov 01 '16 at 20:09

Mr Lister

45,515
15
108
150

asked Oct 21 '16 at 16:45

raju

6,448
24
80
163

You can take a look at this solution: http://stackoverflow.com/a/14890648/1009922. – ConnorsFan Oct 22 '16 at 15:58
There is one script that work well without jquery-ui draggable, but it is not compatible with jquery-ui droppable. – raju Oct 23 '16 at 08:27
Maybe this one works better for you: http://stackoverflow.com/a/13891338/1009922. – ConnorsFan Oct 23 '16 at 13:06

jQueryUi Draggable inside scaled iframe not working properly

0 Answers0

Linked