[fixed] container content no longer shifts when overflowing

Incorporates upstream tbs logic to pad the container before hiding the
scrollbar with the `.modal-open` class

fixes react-bootstrap#354

Author: jquense

src/Modal.js

@@ -207,6 +207,12 @@ const Modal = React.createClass({
 
     this._containerIsOverflowing = container.scrollHeight > containerClientHeight(container, this);
 
+    this._originalPadding = container.style.paddingRight;
+
+    if (this._containerIsOverflowing) {
+      container.style.paddingRight = parseInt(this._originalPadding || 0, 10) + scrollbarSize + 'px';
+    }
+
     if (this.props.backdrop) {
       this.iosClickHack();
     }
@@ -237,6 +243,8 @@ const Modal = React.createClass({
 
     let container = getContainer(this);
 
+    container.style.paddingRight = this._originalPadding;
+
     container.className = container.className.replace(/ ?modal-open/, '');
 
     this.restoreLastFocus();