title: Scroll in React
body: <p>I Have a React div tag below which actually holds json tree. The problem is overflow-x for horizontal scroll is not working. I am posting the code and error below.Is there any way for horizontal scroll using css in react.Vertical scroll is automatically working if mere overflow: 'scroll' is given.</p>
  
  <pre><code>const divStyle={
          overflow-y: 'scroll',
          border:'1px solid red',
          width:'500px',
          float: 'left',
          height:'500px',
          position:'relative'
        };
  
  &lt;div style={divStyle}&gt;
                      &lt;Droppable
                          types={['yolo']}
                          style={droppableStyle}
                          onDrop={this.onDrop.bind(this)}
                          onDragEnter={this.onDragEnter.bind(this)}
                          onDragLeave={this.onDragLeave.bind(this)}&gt;
                          &lt;div style={{textAlign:'left', lineHeight:'100px' ,overflow:'scroll'}}&gt;{this.state.dropped}&lt;/div&gt;
                      &lt;/Droppable&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p><strong>strong text</strong>
   tag(parent) overflow-x if given it gives error as below.</p>
  
  <p>./src/Drag.js
  Syntax error: Unexpected token, expected , (38:16)</p>
  
  <p>36 |     render() {
    37 |       const divStyle={</p>
  
  <blockquote>
    <p>38 |         overflow-y: 'scroll',
         |                 ^
      39 |         border:'1px solid red',
      40 |         width:'500px',
      41 |         float: 'left',</p>
  </blockquote>