javascript - Interactjs decreases data-y attribute of an element to 0 in Safari -


i using interactjs angular js. use plugin dragging in y-axis , grid in in 1 container. works fine in chrome , firefox. however, when move grid in safari, data-y gets decreased 0 @ end. code:

.draggable({     // enable inertial throwing     enabled:true,     inertia: true,     snap: {       targets: [         interact.createsnapgrid({ x: 0, y: 30})       ],       range: infinity,       relativepoints: [ { x: 0, y: 0 } ]     },     // keep element within area of it"s parent     restrict: {       restriction: "parent",       endonly: true,       elementrect: { top: 0, left: 0, bottom: 1, right: 1 }     },     // enable autoscroll     autoscroll: true,     // call function on every dragmove event     onmove: function(event){         console.log("onmove");         var target = event.target,             x = parsefloat(target.getattribute("data-x")) + event.dx,             y = parsefloat(target.getattribute("data-y")) + event.dy;         // translate element         target.style.webkittransform =         target.style.transform =           "translate(" + 0 + "px, " + y + "px)";           console.log("y onmove: "+y);          // update posiion attributes         target.setattribute("data-x", 0);         target.setattribute("data-y", y);     },     onend: function(event){         console.log("onend");         var target = event.target,             y = parsefloat(target.getattribute("data-y"));         console.log("y onend: "+ y);             y = getmovegrid(y);         // translate element         target.style.webkittransform =         target.style.transform =           "translate(" + 0 + "px, " + y + "px)";         // update posiion attributes         target.setattribute("data-x", 0);         target.setattribute("data-y", y);         $scope.updatereservation(event.target.getattribute("id"));     } }) .on("dragmove", function (event) {     console.log("dragmove");     var x = 0+ event.dx;     var y = 0 +event.dy;      event.target.style.webkittransform =     event.target.style.transform =         "translate(" + x + "px, " + y + "px)"; })

the log in console when dragged grid (in safari):

[log] dragmove (reservations.js, line 378) [log] onmove (reservations.js, line 346) [log] y onmove: 45 (reservations.js, line 354) //then several y onmove: 15 [log] dragmove (reservations.js, line 378) [log] onmove (reservations.js, line 346) [log] y onmove: 15 (reservations.js, line 354) //then 1 y onmove: 0 , onend function run [log] dragmove (reservations.js, line 378) [log] onmove (reservations.js, line 346) [log] y onmove: 0 (reservations.js, line 354)  [log] onend (reservations.js, line 362) [log] y onend: 0 (reservations.js, line 365)

in chrome print

reservations.js:346 onmove reservations.js:354 y onmove: 45 reservations.js:355    reservations.js:362 onend reservations.js:365 y onend: 45


Comments

Post a Comment

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

i using winscp .net assembly uploading files. want upload multiple files asynchronous way. have created method works single upload. public class uploadingdata { private sessionoptions _sessionoptions; private session _session; //connection etc private void onconnected() { foreach (var fileinfo in localfileslist) { var task = task.factory.startnew(() => uploadfilesasync(fileinfo)); } } private async task uploadfilesasync(string file) { string remotefilepath = _session.translatelocalpathtoremote(file, @"/", "/test_data_upload"); var uploading = _session.putfiles(file, remotefilepath, false); //when done await task.run(() => thread.sleep(1000)); } } please suggest me correct way. thanks you can use backgroundworker class this: string[] images = new string[50]; foreach (var path in images) { backgroundworker
Read more

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more