Add ability to disable fit on cluster double click

docs/src/OptionsPage.js

@@ -693,6 +693,12 @@ class OptionsPage extends React.Component {
           <td><code>{`false`}</code></td>
           <td>If true, line from cluster to time axis is displayed when content overflows.</td>
         </tr>
+        <tr parent="cluster">
+          <td className="indent">cluster.fitOnDoubleClick</td>
+          <td>boolean</td>
+          <td><code>{`true`}</code></td>
+          <td>If true, the cluster will be centered on double click.</td>
+        </tr>
 
         <tr>
           <td>snap</td>

examples/other/clustering.html

@@ -232,7 +232,7 @@
     var clusterOpts = {
       cluster: {
         titleTemplate: "Cluster containing {count} events. Zoom in to see the individual events.",
-        showStipes: true
+        showStipes: true,
       }
     };
     Object.assign(options, defaultOptions, clusterOpts);

lib/timeline/component/item/ClusterItem.js

@@ -24,9 +24,7 @@ class ClusterItem extends Item {
       },
     };
 
-    this.options = Object.assign({}, options, {
-      editable: false
-    });
+    this.options = Object.assign({}, {fitOnDoubleClick: true}, options, {editable: false});
 
     if (!data || data.uiItems == undefined) {
       throw new Error('Property "uiItems" missing in item ' + data.id);
@@ -379,8 +377,10 @@ class ClusterItem extends Item {
         this.dom.dot.style.display = 'none';
       }
 
-      this.dom.box.ondblclick = ClusterItem.prototype._onDoubleClick.bind(this);
-
+      if (this.options.fitOnDoubleClick) {
+        this.dom.box.ondblclick = ClusterItem.prototype._onDoubleClick.bind(this);
+      }
+
       // attach this item as attribute
       this.dom.box['timeline-item'] = this;
 

lib/timeline/optionsTimeline.js

@@ -151,6 +151,7 @@ let allOptions = {
     titleTemplate: {'string': string, 'undefined': 'undefined'},
     clusterCriteria: { 'function': 'function', 'undefined': 'undefined'},
     showStipes: {'boolean': bool, 'undefined': 'undefined'},
+    fitOnDoubleClick: {'boolean': bool, 'undefined': 'undefined'},
     __type__: {'boolean': bool, object}
   },
   snap: {'function': 'function', 'null': 'null'},