message: refactor(panel): select search box on focus
  Closes
diff: -import React, { FC, useRef, useEffect } from 'react'
  +import React, { FC, useRef, useLayoutEffect } from 'react'
  import CSSTransition from 'react-transition-group/CSSTransition'
  import { TFunction } from 'i18next'
  import {
  @@ -79,6 +79,8 @@ export const SearchBox: FC<SearchBoxProps> = props => {
  const focusInput = useRef(() => {
  if (inputRef.current) {
  inputRef.current.focus()
  + // Although search box is seleted on focus event
  + // this is needed as the box may be focused initially.
  inputRef.current.select()
  }
  }).current
  @@ -90,7 +92,8 @@ export const SearchBox: FC<SearchBoxProps> = props => {
  focusInput()
  }
  - useEffect(() => {
  + // useEffect is not quick enough on popup panel.
  + useLayoutEffect(() => {
  if (props.shouldFocus && !hasTypedRef.current && !isShowSuggest) {
  focusInput()
  }
  @@ -127,7 +130,10 @@ export const SearchBox: FC<SearchBoxProps> = props => {
  searchText(props.text)
  }
  }}
  - onFocus={onSearchBoxFocusBlur}
  + onFocus={event => {
  + event.currentTarget.select()
  + onSearchBoxFocusBlur(event)
  + }}
  onBlur={onSearchBoxFocusBlur}
  value={text}
  />
  