From 708a90b71b32a90a20f8fada9eded02acd3ff66b Mon Sep 17 00:00:00 2001
From: jpdriver <jp.driver@adazzle.com>
Date: Wed, 22 Apr 2015 16:38:42 +0100
Subject: [PATCH] add titles to cells and remove overflow

---
 src/Canvas.js         | 4 ++--
 src/Cell.js           | 2 +-
 src/HeaderCell.js     | 2 +-
 src/Viewport.js       | 2 +-
 themes/reactGrid.css  | 1 +
 themes/reactGrid.less | 1 +
 6 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/Canvas.js b/src/Canvas.js
index c04efae..ce709d4 100644
--- a/src/Canvas.js
+++ b/src/Canvas.js
@@ -65,8 +65,8 @@ var Canvas = React.createClass({
       position: 'absolute',
       top: 0,
       left: 0,
-      overflowX: 'auto',
-      overflowY: 'scroll',
+      //overflowX: 'auto',
+      //overflowY: 'scroll',
       width: this.props.totalWidth,
       height: this.props.height,
       transform: 'translate3d(0, 0, 0)'
diff --git a/src/Cell.js b/src/Cell.js
index c8d4035..909debe 100644
--- a/src/Cell.js
+++ b/src/Cell.js
@@ -37,7 +37,7 @@ var Cell = React.createClass({
   renderCellContent(props) {
     var formatter = React.isValidElement(this.props.formatter) ? cloneWithProps(this.props.formatter, props) : this.props.formatter(props);
     return (<div
-      className="react-grid-Cell__value">{formatter} {this.props.cellControls}</div>)
+      className="react-grid-Cell__value" title={this.props.value}>{formatter} {this.props.cellControls}</div>)
 
   },
 
diff --git a/src/HeaderCell.js b/src/HeaderCell.js
index 01ff139..d7a6c19 100644
--- a/src/HeaderCell.js
+++ b/src/HeaderCell.js
@@ -122,7 +122,7 @@ var HeaderCell = React.createClass({
 });
 
 function simpleCellRenderer(props) {
-  return <div className="rex-widget-HeaderCell__value">{props.column.name}</div>;
+  return <div className="rex-widget-HeaderCell__value" title={props.column.name}>{props.column.name}</div>;
 }
 
 module.exports = HeaderCell;
diff --git a/src/Viewport.js b/src/Viewport.js
index d16a935..e18565b 100644
--- a/src/Viewport.js
+++ b/src/Viewport.js
@@ -119,7 +119,7 @@ var Viewport = React.createClass({
       bottom: 0,
       left: 0,
       right: 0,
-      overflow: 'hidden',
+      //overflow: 'hidden',
       position: 'absolute',
       top: this.props.rowOffsetHeight
     };
diff --git a/themes/reactGrid.css b/themes/reactGrid.css
index 69e1a1b..32b73b0 100644
--- a/themes/reactGrid.css
+++ b/themes/reactGrid.css
@@ -62,6 +62,7 @@
 }
 
 .react-grid-Grid {
+  overflow: scroll;
   background-color: #ffffff;
   border: 1px solid #dddddd;
 }
diff --git a/themes/reactGrid.less b/themes/reactGrid.less
index 2907692..5d836e5 100644
--- a/themes/reactGrid.less
+++ b/themes/reactGrid.less
@@ -3,6 +3,7 @@
 @react-grid-scrollbar-color: @gray-light;
 
 .react-grid-Grid {
+  overflow: scroll;
   background-color: @body-bg;
   border: 1px solid @table-border-color;
 }