         search_sel : rtypes.number
         hits       : rtypes.arrayOf(rtypes.array)
 
-    componentWillMount: ->
-        @scrollTo0 = _.debounce (() -> $(@refs.list_0).find('.active').scrollintoview()), 50
-        @scrollTo1 = _.debounce (() -> $(@refs.list_1).find('.active').scrollintoview()), 50
-        @scrollTo2 = _.debounce (() -> $(@refs.list_2).find('.active').scrollintoview()), 50
-        @scrollToS = _.debounce (() -> $(@refs.search_results_list).find('.active').scrollintoview()), 50
+    getDefaultProps : ->
+        descr      : ''
+        search_str : ''
+
+    componentDidMount: ->
+        @scrollTo0 = _.debounce (() -> $(ReactDOM.findDOMNode(@refs.list_0)).find('.active').scrollIntoView()), 50
+        @scrollTo1 = _.debounce (() -> $(ReactDOM.findDOMNode(@refs.list_1)).find('.active').scrollIntoView()), 50
+        @scrollTo2 = _.debounce (() -> $(ReactDOM.findDOMNode(@refs.list_2)).find('.active').scrollIntoView()), 50
+        @scrollToS = _.debounce (() -> $(ReactDOM.findDOMNode(@refs.search_results_list)).find('.active').scrollIntoView()), 50
 
     componentDidUpdate: (props, state) ->
         @scrollTo0()

        search_str  : rtypes.string
        lang        : rtypes.string.isRequired

    langSelect: (key) ->
        @props.actions.select_lang(key)


                       type='text'
                       className='smc-wizard-search'
                       placeholder='Search'
                       value={@props.search_str ? ''}
                       onKeyUp={@handle_search_keyup}
                       onChange={@search}  />
                </FormGroup>
