diff --git a/app/components/BookBuilder/Chapter/DropdownTitle.jsx b/app/components/BookBuilder/Chapter/DropdownTitle.jsx index 627c1f13734b62f9c75e470036628248cbeb15b0..ca4bce3afda11b1037ee8af09b170d6b2849e6d7 100644 --- a/app/components/BookBuilder/Chapter/DropdownTitle.jsx +++ b/app/components/BookBuilder/Chapter/DropdownTitle.jsx @@ -127,7 +127,10 @@ class DropdownTitle extends React.Component { } handleClickOutside (event) { - var domNode = findDOMNode(this) + const domNode = findDOMNode(this) + const input = findDOMNode(this.refs.dropDownInput) + + if (input) input.focus() if (domNode.classList.contains('open')) { if (!domNode.contains(event.target)) { diff --git a/app/components/BookBuilder/styles/bookBuilder.local.scss b/app/components/BookBuilder/styles/bookBuilder.local.scss index 59fd61ff481d4b289e31641f8477e4cc2d58984f..7dac003553abd635b84d8e09ee01cd5f8b2d64a5 100644 --- a/app/components/BookBuilder/styles/bookBuilder.local.scss +++ b/app/components/BookBuilder/styles/bookBuilder.local.scss @@ -86,7 +86,7 @@ $white: #fff; padding: 0; position: relative; - &:hover { + &:hover, &:active, &:focus { background: transparent !important; }