dorpdown input focus and transaprent bg on focus and active

app/components/BookBuilder/Chapter/DropdownTitle.jsx

@@ -128,7 +128,8 @@ class DropdownTitle extends React.Component {
 
   handleClickOutside (event) {
     var domNode = findDOMNode(this)
-
+    const input = findDOMNode(this.refs.dropDownInput)
+    if (input) input.focus()
     if (domNode.classList.contains('open')) {
       if (!domNode.contains(event.target)) {
         this.close()

app/components/BookBuilder/styles/bookBuilder.local.scss

@@ -86,7 +86,7 @@ $white: #fff;
     padding: 0;
     position: relative;
 
-    &:hover {
+    &:hover, &:active, &:focus {
       background: transparent !important;
     }