   render: ->
     className  = "#{localCSS.root} #{@props.className}"
     className += " #{@props.type}"  if @props.type
-    className += " focus"           if @state.focus
+    className += ' focus'           if @state.focus
     <div data-react-toolbox='autocomplete' className={className}>
       { <label>{@props.label}</label> if @props.label }
       {
         if @props.multiple
-          <ul className={localCSS.values} data-flex="horizontal wrap"
+          <ul className={localCSS.values} data-flex='horizontal wrap'
               onClick={@onDelete}>
             {
               for key, label of @state.values

    value       : React.PropTypes.any

  getDefaultProps: ->
    className   : ""
    colors      : {}
    dataSource  : {}
    exact       : true
    multiple    : true
    type        : "text"

  getInitialState: ->
    focus       : false


    if @state.focus
      children = @refs.suggestions.getDOMNode().children
      for child, index in children when child.classList.contains 'active'
        child.classList.remove 'active'
        query = child.getAttribute 'id'
        break

    if key_ascii is 13 and query isnt ''
      for key, label of @state.suggestions when query.toLowerCase() is label.toLowerCase()
        suggestion = {"#{key}": label}
        break
