{"action":"closed","issue":{"url":"https://api.github.com/repos/mistic100/jQuery-QueryBuilder/issues/119","labels_url":"https://api.github.com/repos/mistic100/jQuery-QueryBuilder/issues/119/labels{/name}","comments_url":"https://api.github.com/repos/mistic100/jQuery-QueryBuilder/issues/119/comments","events_url":"https://api.github.com/repos/mistic100/jQuery-QueryBuilder/issues/119/events","html_url":"https://github.com/mistic100/jQuery-QueryBuilder/issues/119","id":74961860,"number":119,"title":"Problem with the sortable plugin under IE11","user":{"login":"tobiasw2","id":11589903,"avatar_url":"https://avatars.githubusercontent.com/u/11589903?v=3","gravatar_id":"","url":"https://api.github.com/users/tobiasw2","html_url":"https://github.com/tobiasw2","followers_url":"https://api.github.com/users/tobiasw2/followers","following_url":"https://api.github.com/users/tobiasw2/following{/other_user}","gists_url":"https://api.github.com/users/tobiasw2/gists{/gist_id}","starred_url":"https://api.github.com/users/tobiasw2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tobiasw2/subscriptions","organizations_url":"https://api.github.com/users/tobiasw2/orgs","repos_url":"https://api.github.com/users/tobiasw2/repos","events_url":"https://api.github.com/users/tobiasw2/events{/privacy}","received_events_url":"https://api.github.com/users/tobiasw2/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-05-10T17:23:07Z","updated_at":"2015-05-12T00:40:53Z","closed_at":"2015-05-12T00:40:53Z","body":"I recently encountered a problem when using the drag & drop functionality of the sortable plugin under IE11. I could only reproduce the problem in my own project and not on the github demo page.\r\n\r\nThe problem was that you could start dragging a rule (it would get replaced by the empy placeholder and you could drag the rule around) but nothing would happen while dragging (the placeholder should move to a different position) or when ending the drag operation. The result was an empty placeholder on the origional position and thus also an invalid state of the control.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/11589903/7555344/24bbe0b8-f749-11e4-8b74-eadaf4b99be5.png)\r\n\r\nAfter analyzing what could be the problem I was able to resolve the issue by altering the mouseout event handler.\r\n\r\nBefore change:\r\n\r\n```javascript\r\n        self.$el.on('mouseout', '.drag-handle', function() {\r\n            self.$el.find('.rule-container, .rules-group-container').removeAttr('draggable');\r\n        });\r\n```\r\n\r\nAfter change:\r\n\r\n```javascript\r\n        self.$el.on('mouseout', '.drag-handle', function() {\r\n            self.$el.find(\".rule-container, .rules-list > .rules-group-container\").removeAttr(\"draggable\");\r\n        });\r\n```\r\n\r\nThe only difference is that the root group is not affected by the new selector which is totally fine because you cannot drag the root group anyway. Does this behavior make any sense to you?\r\n\r\nI tried to isolate the cause (because it is working on the github demo page) and provide an example of the problem but I was not able to find out what is causing the problem.\r\n\r\nAnyway I would suggest to replace the selector in the mouseover and mouseout event to exclude the root group because it should be unaffected by the plugin.\r\n\r\nWhat do you think?"}}