rebuilt

dist/vis.css

@@ -179,7 +179,7 @@
   border-width: 1px;
   background-color: #D5DDF6;
   display: inline-block;
-  overflow: hidden;
+  /*overflow: hidden;*/
 }
 
 .vis-item.vis-selected {
@@ -230,17 +230,23 @@
   margin: 0;
 }
 
+.vis-item .vis-item-frame {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+}
+
 .vis-item.vis-range .vis-item-content {
   position: relative;
   display: inline-block;
-  max-width: 100%;
 }
 
 .vis-item.background .vis-item-content {
   position: absolute;
   display: inline-block;
-  max-width: 100%;
-  margin: 5px;
 }
 
 .vis-item.vis-line {
@@ -254,7 +260,7 @@
 .vis-item .vis-item-content {
   white-space: nowrap;
   box-sizing: border-box;
-  padding: 5px;
+  margin: 5px;
 }
 
 .vis-item .vis-delete {
@@ -271,6 +277,7 @@
   position: absolute;
   width: 24px;
   max-width: 20%;
+  min-width: 2px;
   height: 100%;
   top: 0;
   left: -4px;
@@ -282,6 +289,7 @@
   position: absolute;
   width: 24px;
   max-width: 20%;
+  min-width: 2px;
   height: 100%;
   top: 0;
   right: -4px;

dist/vis.js

@@ -9609,8 +9609,6 @@ return /******/ (function(modules) { // webpackBootstrap
     }
 
     Item.call(this, data, conversion, options);
-
-    this.emptyContent = false;
   }
 
   BackgroundItem.prototype = new Item(null, null, null);
@@ -9642,10 +9640,15 @@ return /******/ (function(modules) { // webpackBootstrap
       dom.box = document.createElement('div');
       // className is updated in redraw()
 
+      // frame box (to prevent the item contents from overflowing
+      dom.frame = document.createElement('div');
+      dom.frame.className = 'vis-item-frame';
+      dom.box.appendChild(dom.frame);
+
       // contents box
       dom.content = document.createElement('div');
       dom.content.className = 'vis-item-content';
-      dom.box.appendChild(dom.content);
+      dom.frame.appendChild(dom.content);
 
       // Note: we do NOT attach this item as attribute to the DOM,
       //       such that background items cannot be selected
@@ -10261,10 +10264,15 @@ return /******/ (function(modules) { // webpackBootstrap
       dom.box = document.createElement('div');
       // className is updated in redraw()
 
+      // frame box (to prevent the item contents from overflowing
+      dom.frame = document.createElement('div');
+      dom.frame.className = 'vis-item-frame';
+      dom.box.appendChild(dom.frame);
+
       // contents box
       dom.content = document.createElement('div');
       dom.content.className = 'vis-item-content';
-      dom.box.appendChild(dom.content);
+      dom.frame.appendChild(dom.content);
 
       // attach this item as attribute
       dom.box['timeline-item'] = this;
@@ -10300,7 +10308,7 @@ return /******/ (function(modules) { // webpackBootstrap
       dom.box.className = this.baseClassName + className;
 
       // determine from css whether this box has overflow
-      this.overflow = window.getComputedStyle(dom.content).overflow !== 'hidden';
+      this.overflow = window.getComputedStyle(dom.frame).overflow !== 'hidden';
 
       // recalculate size
       // turn off max-width to be able to calculate the real width