mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-21 08:22:07 +02:00
Code Issues Projects Releases Wiki Activity

MDL-62239 QTYPE: iOS 11.3 broke Moodle drag-drop question types

Browse Source
This commit is contained in:
John Beedell 2018-04-30 11:33:26 +01:00
parent 22744b745b
commit 2d55b0b736
12 changed files with 261 additions and 193 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-debug.js vendored
View File

@ -249,7 +249,7 @@ var DDIMAGEORTEXT_QUESTION = function() {
* This is the code for question rendering.
*/
Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
touchscrolldisable: null,
passiveSupported: false,
pendingid: '',
initializer: function() {
this.pendingid = 'qtype_ddimageortext-' + Math.random().toString(36).slice(2); // Random string.
@ -267,6 +267,7 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
this.reposition_drags_for_question();
}, this);
}
this.checkPassiveSupported();
},
/**
@ -277,29 +278,36 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
create_all_drag_and_drops: function() {
this.init_drops();
this.update_padding_sizes_all();

4
question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-min.js vendored
View File

File diff suppressed because one or more lines are too long

52
question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd.js vendored
View File

@ -249,7 +249,7 @@ var DDIMAGEORTEXT_QUESTION = function() {
* This is the code for question rendering.
*/
Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
touchscrolldisable: null,
passiveSupported: false,
pendingid: '',
initializer: function() {
this.pendingid = 'qtype_ddimageortext-' + Math.random().toString(36).slice(2); // Random string.
@ -267,6 +267,7 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
this.reposition_drags_for_question();
}, this);
}
this.checkPassiveSupported();
},
/**
@ -277,29 +278,36 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
create_all_drag_and_drops: function() {
this.init_drops();
this.update_padding_sizes_all();

52
question/type/ddimageortext/yui/src/ddimageortext/js/ddimageortext.js vendored
View File

@ -247,7 +247,7 @@ var DDIMAGEORTEXT_QUESTION = function() {
* This is the code for question rendering.
*/
Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
touchscrolldisable: null,
passiveSupported: false,
pendingid: '',
initializer: function() {
this.pendingid = 'qtype_ddimageortext-' + Math.random().toString(36).slice(2); // Random string.
@ -265,6 +265,7 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
this.reposition_drags_for_question();
}, this);
}
this.checkPassiveSupported();
},
/**
@ -275,29 +276,36 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
create_all_drag_and_drops: function() {
this.init_drops();
this.update_padding_sizes_all();

47
question/type/ddmarker/yui/build/moodle-qtype_ddmarker-dd/moodle-qtype_ddmarker-dd-debug.js vendored
View File

@ -310,7 +310,7 @@ var DDMARKER_QUESTION = function() {
* This is the code for question rendering.
*/
Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
touchscrolldisable: null,
passiveSupported: false,
pendingid: '',
initializer: function() {
this.pendingid = 'qtype_ddmarker-' + Math.random().toString(36).slice(2); // Random string.
@ -319,6 +319,7 @@ Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
this.poll_for_image_load(null, false, 0, this.after_image_load);
this.doc.bg_img().after('load', this.poll_for_image_load, this,
false, 0, this.after_image_load);
this.checkPassiveSupported();
},
after_image_load: function() {
this.redraw_drags_and_drops();
@ -346,28 +347,34 @@ Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
draggable: function(drag) {

4
question/type/ddmarker/yui/build/moodle-qtype_ddmarker-dd/moodle-qtype_ddmarker-dd-min.js vendored
View File

File diff suppressed because one or more lines are too long

47
question/type/ddmarker/yui/build/moodle-qtype_ddmarker-dd/moodle-qtype_ddmarker-dd.js vendored
View File

@ -310,7 +310,7 @@ var DDMARKER_QUESTION = function() {
* This is the code for question rendering.
*/
Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
touchscrolldisable: null,
passiveSupported: false,
pendingid: '',
initializer: function() {
this.pendingid = 'qtype_ddmarker-' + Math.random().toString(36).slice(2); // Random string.
@ -319,6 +319,7 @@ Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
this.poll_for_image_load(null, false, 0, this.after_image_load);
this.doc.bg_img().after('load', this.poll_for_image_load, this,
false, 0, this.after_image_load);
this.checkPassiveSupported();
},
after_image_load: function() {
this.redraw_drags_and_drops();
@ -346,28 +347,34 @@ Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
draggable: function(drag) {

47
question/type/ddmarker/yui/src/ddmarker/js/ddmarker.js vendored
View File

@ -308,7 +308,7 @@ var DDMARKER_QUESTION = function() {
* This is the code for question rendering.
*/
Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
touchscrolldisable: null,
passiveSupported: false,
pendingid: '',
initializer: function() {
this.pendingid = 'qtype_ddmarker-' + Math.random().toString(36).slice(2); // Random string.
@ -317,6 +317,7 @@ Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
this.poll_for_image_load(null, false, 0, this.after_image_load);
this.doc.bg_img().after('load', this.poll_for_image_load, this,
false, 0, this.after_image_load);
this.checkPassiveSupported();
},
after_image_load: function() {
this.redraw_drags_and_drops();
@ -344,28 +345,34 @@ Y.extend(DDMARKER_QUESTION, M.qtype_ddmarker.dd_base_class, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
draggable: function(drag) {

48
question/type/ddwtos/yui/build/moodle-qtype_ddwtos-dd/moodle-qtype_ddwtos-dd-debug.js vendored
View File

@ -34,7 +34,7 @@ var DDWTOS_DD = function() {
*/
Y.extend(DDWTOS_DD, Y.Base, {
selectors: null,
touchscrolldisable: null,
passiveSupported: false,
initializer: function() {
var pendingid = 'qtype_ddwtos-' + Math.random().toString(36).slice(2); // Random string.
M.util.js_pending(pendingid);
@ -51,6 +51,7 @@ Y.extend(DDWTOS_DD, Y.Base, {
this.position_drag_items(pendingid);
}, this);
}
this.checkPassiveSupported();
},
/**
* put all our selectors in the same place so we can quickly find and change them later
@ -231,28 +232,34 @@ Y.extend(DDWTOS_DD, Y.Base, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
make_drop_zones: function() {
@ -434,4 +441,5 @@ M.qtype_ddwtos.init_question = function(config) {
return new DDWTOS_DD(config);
};
}, '@VERSION@', {"requires": ["node", "dd", "dd-drop", "dd-constrain"]});

4
question/type/ddwtos/yui/build/moodle-qtype_ddwtos-dd/moodle-qtype_ddwtos-dd-min.js vendored
View File

File diff suppressed because one or more lines are too long

48
question/type/ddwtos/yui/build/moodle-qtype_ddwtos-dd/moodle-qtype_ddwtos-dd.js vendored
View File

@ -34,7 +34,7 @@ var DDWTOS_DD = function() {
*/
Y.extend(DDWTOS_DD, Y.Base, {
selectors: null,
touchscrolldisable: null,
passiveSupported: false,
initializer: function() {
var pendingid = 'qtype_ddwtos-' + Math.random().toString(36).slice(2); // Random string.
M.util.js_pending(pendingid);
@ -51,6 +51,7 @@ Y.extend(DDWTOS_DD, Y.Base, {
this.position_drag_items(pendingid);
}, this);
}
this.checkPassiveSupported();
},
/**
* put all our selectors in the same place so we can quickly find and change them later
@ -231,28 +232,34 @@ Y.extend(DDWTOS_DD, Y.Base, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
make_drop_zones: function() {
@ -434,4 +441,5 @@ M.qtype_ddwtos.init_question = function(config) {
return new DDWTOS_DD(config);
};
}, '@VERSION@', {"requires": ["node", "dd", "dd-drop", "dd-constrain"]});

49
question/type/ddwtos/yui/src/ddwtos/js/ddwtos.js vendored
View File

@ -32,7 +32,7 @@ var DDWTOS_DD = function() {
*/
Y.extend(DDWTOS_DD, Y.Base, {
selectors: null,
touchscrolldisable: null,
passiveSupported: false,
initializer: function() {
var pendingid = 'qtype_ddwtos-' + Math.random().toString(36).slice(2); // Random string.
M.util.js_pending(pendingid);
@ -49,6 +49,7 @@ Y.extend(DDWTOS_DD, Y.Base, {
this.position_drag_items(pendingid);
}, this);
}
this.checkPassiveSupported();
},
/**
* put all our selectors in the same place so we can quickly find and change them later
@ -229,28 +230,34 @@ Y.extend(DDWTOS_DD, Y.Base, {
* draggable items.
*/
prevent_touchmove_from_scrolling: function(drag) {
var touchstart = (Y.UA.ie) ? 'MSPointerStart' : 'touchstart';
var touchend = (Y.UA.ie) ? 'MSPointerEnd' : 'touchend';
var touchmove = (Y.UA.ie) ? 'MSPointerMove' : 'touchmove';
var eventHandler = function(event) {
event.preventDefault();
};
var dragId = drag.get('id');
var el = document.getElementById(dragId);
// Note do not dynamically add events within another event, as this causes issues on iOS11.3.
// See https://github.com/atlassian/react-beautiful-dnd/issues/413 and
// https://bugs.webkit.org/show_bug.cgi?id=184250 for fuller explanation.
el.addEventListener(touchmove, eventHandler, this.passiveSupported ? {passive: false, capture: true} : false);
},
// Disable scrolling when touching the draggable items.
drag.on(touchstart, function() {
if (this.touchscrolldisable) {
return; // Already disabled.
}
this.touchscrolldisable = Y.one('body').on(touchmove, function(e) {
e = e || window.event;
e.preventDefault();
/**
* Some older browsers do not support passing an options object to addEventListener.
* This is a check from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener.
*/
checkPassiveSupported: function() {
try {
var options = Object.defineProperty({}, 'passive', {
get: function() {
this.passiveSupported = true;
}.bind(this)
});
}, this);
// Allow scrolling after releasing the draggable items.
drag.on(touchend, function() {
if (this.touchscrolldisable) {
this.touchscrolldisable.detach();
this.touchscrolldisable = null;
}
}, this);
window.addEventListener('test', options, options);
window.removeEventListener('test', options, options);
} catch (err) {
this.passiveSupported = false;
}
},
make_drop_zones: function() {
@ -430,4 +437,4 @@ Y.Event.define('dragchange', {
M.qtype_ddwtos = M.qtype_ddwtos || {};
M.qtype_ddwtos.init_question = function(config) {
return new DDWTOS_DD(config);
};
};