Fixed #877: Added support for metaKey to select multiple items.

9 years ago · 626d4b9b8b
--- a/HISTORY.md
+++ b/HISTORY.md
@ -26,7 +26,8 @@ http://visjs.org
 ### Graph2d & Timeline

 - Fixed #858, #872, fixed usage of deprecated `unsubscribe` from DataSet.
 - Fixed #869: add className with id to custom time bars
 - Fixed #869: Add className with id to custom time bars
 - Fixed #877: Added support for metaKey to select multiple items.


 ## 2015-05-22, version 4.0.0
--- a/examples/network/other/manipulation.html
+++ b/examples/network/other/manipulation.html
@ -1,7 +1,7 @@
 <!doctype html>
 <html>
 <head>
  <title>Network | Localization</title>
  <title>Network | Manipulation</title>

  <style type="text/css">
    body, select {
--- a/examples/timeline/editing/editingItemsCallbacks.html
+++ b/examples/timeline/editing/editingItemsCallbacks.html
@ -127,7 +127,6 @@
  }

  function prettyPrompt(title, text, inputValue, callback) {
    console.log(title, text, inputValue)
    swal({
      title: title,
      text: text,
--- a/lib/network/modules/InteractionHandler.js
+++ b/lib/network/modules/InteractionHandler.js
@ -115,7 +115,8 @@ class InteractionHandler {
   */
  onTap(event) {
    let pointer = this.getPointer(event.center);
    let multiselect = this.selectionHandler.options.multiselect && event.changedPointers[0].ctrlKey;
    let multiselect = this.selectionHandler.options.multiselect &&
        (event.changedPointers[0].ctrlKey || event.changedPointers[0].metaKey);

    this.checkSelectionChanges(pointer, event, multiselect);
    this.selectionHandler._generateClickEvent('click', event, pointer);
--- a/lib/timeline/component/ItemSet.js
+++ b/lib/timeline/component/ItemSet.js
@ -1163,7 +1163,7 @@ ItemSet.prototype._onDragStart = function (event) {

    event.stopPropagation();
  }
  else if (this.options.editable.add && event.srcEvent.ctrlKey) {
  else if (this.options.editable.add && (event.srcEvent.ctrlKey || event.srcEvent.metaKey)) {
    // create a new range item when dragging with ctrl key down
    this._onDragStartAddItem(event);
  }
@ -1386,7 +1386,7 @@ ItemSet.prototype._onDragEnd = function (event) {
 ItemSet.prototype._onSelectItem = function (event) {
  if (!this.options.selectable) return;

  var ctrlKey  = event.srcEvent && event.srcEvent.ctrlKey;
  var ctrlKey  = event.srcEvent && (event.srcEvent.ctrlKey || event.srcEvent.metaKey);
  var shiftKey = event.srcEvent && event.srcEvent.shiftKey;
  if (ctrlKey || shiftKey) {
    this._onMultiSelectItem(event);
--- a/lib/util.js
+++ b/lib/util.js
@ -1390,4 +1390,4 @@ exports.easingFunctions = {
  easeInOutQuint: function (t) {
    return t < .5 ? 16 * t * t * t * t * t : 1 + 16 * (--t) * t * t * t * t
  }
 };
 };