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},