React onScroll not working
<p>I'm trying to add onscroll event handler to specific dom element. Look at this code:</p>

<pre><code>class ScrollingApp extends React.Component {
    ...
    _handleScroll(ev) {
        console.log("Scrolling!");
    }
    componentDidMount() {
        this.refs.list.addEventListener('scroll', this._handleScroll);
    }
    componentWillUnmount() {
        this.refs.list.removeEventListener('scroll', this._handleScroll);
    }
    render() {
        return (
            &lt;div ref="list"&gt;
                {
                    this.props.items.map( (item) =&gt; {
                        return (&lt;Item item={item} /&gt;);
                    })
                }
            &lt;/div&gt;
        );
    }
}
</code></pre>

<p>Code is quite simple, and as you can see, I want to handle div#list scrolling. When I was running this example, it isn't working. So I tried bind this._handleScroll on render method directly, it doesn't work either.</p>

<pre><code>&lt;div ref="list" onScroll={this._handleScroll.bind(this)&gt; ... &lt;/div&gt;
</code></pre>

<p>So i opened chrome inspector, adding onscroll event directly with:</p>

<pre><code>document.getElementById('#list').addEventListener('scroll', ...);
</code></pre>

<p>and it is working! I don't know why this happens. Is this a bug of React or something? or did I missed something? Any device will very appreciated.</p>