 
     render_search_results: ->
         ss = @props.search_str
-        <ul className='list-group' ref='search_results_list'>
+        <ul className={'list-group'} ref={'search_results_list'}>
         {
             @props.hits.map (hit, idx) =>
                 [lvl1, lvl2, lvl3, title, descr, inDescr] = hit

        <FormGroup>
            <InputGroup className = 'webapp-examples-search'>
                <FormControl
                    ref         = 'search'
                    type        = 'text'
                    placeholder = 'Search'
                    value       = {@props.search_str ? ''}
                    onKeyUp     = {@handle_search_keyup}
                    onChange    = {@search}


    render: ->
        return null if (not @props.lang?) or (not @props.lang_select?)
        show_lang_nav = @props.lang_select and not @props.unknown_lang
        <Row>
            <Col sm={if show_lang_nav then 2 else 5}>
                <h2>
                    <Icon name={exports.ICON_NAME} />
                    <Space/>
                    {lang2name(@props.lang) if not @props.lang_select} Assistant
                </h2>
            </Col>
            <Col sm={if show_lang_nav then 7 else 4}>
                {@render_nav() if show_lang_nav}
            </Col>
            <Col sm={2}>
                {@render_search() if not @props.unknown_lang}
            </Col>
        </Row>
