diff --git a/docs/timeline/index.html b/docs/timeline/index.html index 9e7c4d81..e76267de 100644 --- a/docs/timeline/index.html +++ b/docs/timeline/index.html @@ -342,6 +342,14 @@ var items = new vis.DataSet([ Types 'box' and 'point' need a start date, the types 'range' and 'background' needs both a start and end date. + + limitSize + Boolean + no + Some browsers cannot handle very large DIVs so by default range DIVs can be truncated outside the visible area. + Setting this to false will cause the creation of full-size DIVs. + + editable Boolean or Object diff --git a/lib/timeline/component/item/RangeItem.js b/lib/timeline/component/item/RangeItem.js index 7457b266..64eb518b 100644 --- a/lib/timeline/component/item/RangeItem.js +++ b/lib/timeline/component/item/RangeItem.js @@ -231,7 +231,8 @@ RangeItem.prototype.repositionX = function(limitSize) { var contentWidth; // limit the width of the range, as browsers cannot draw very wide divs - if (limitSize === undefined || limitSize === true) { + // unless limitSize: false is explicitly set in item data + if (this.data.limitSize !== false && (limitSize === undefined || limitSize === true)) { if (start < -parentWidth) { start = -parentWidth; } diff --git a/lib/timeline/optionsTimeline.js b/lib/timeline/optionsTimeline.js index 147c044a..9ae8b49c 100644 --- a/lib/timeline/optionsTimeline.js +++ b/lib/timeline/optionsTimeline.js @@ -94,6 +94,7 @@ let allOptions = { range: { 'boolean': bool, 'undefined': 'undefined'}, __type__: { 'boolean': bool, object} }, + limitSize: {'boolean': bool}, locale:{string}, locales:{ __any__: {any},