diff options
author | Saturnino Abril <saturnino.abril@gmail.com> | 2017-03-04 03:20:06 +0900 |
---|---|---|
committer | enahum <nahumhbl@gmail.com> | 2017-03-03 15:20:06 -0300 |
commit | 74c1fbbcf76157493bf29ac25923f612efb0782d (patch) | |
tree | e74440d704e566c6cb0c3f0855099c42ed27b31a /webapp/components/channel_header.jsx | |
parent | f37c03a75f745f00d13b91140a9e6fb9a8d5799a (diff) | |
download | chat-74c1fbbcf76157493bf29ac25923f612efb0782d.tar.gz chat-74c1fbbcf76157493bf29ac25923f612efb0782d.tar.bz2 chat-74c1fbbcf76157493bf29ac25923f612efb0782d.zip |
Mobile Web: Auto-focus cursor in the search box (#5284)
* Mobile Web: Auto-focus cursor in the search box and open keyboard when the search icon is tapped
* fixed issue with safari mobile view
* added isFocus props to search_bar.jsx component
* used 'x' and fixed spacing
* changed 'x' icon and fixed css
* added aria-hidden='true'
Diffstat (limited to 'webapp/components/channel_header.jsx')
-rw-r--r-- | webapp/components/channel_header.jsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/webapp/components/channel_header.jsx b/webapp/components/channel_header.jsx index 9be2d5b58..01e1e98cf 100644 --- a/webapp/components/channel_header.jsx +++ b/webapp/components/channel_header.jsx @@ -765,7 +765,12 @@ export default class ChannelHeader extends React.Component { <th className='header-list__members'> {popoverListMembers} </th> - <th className='search-bar__container'><NavbarSearchBox showMentionFlagBtns={false}/></th> + <th className='search-bar__container'> + <NavbarSearchBox + showMentionFlagBtns={false} + isFocus={Utils.isMobile()} + /> + </th> <th> <div className='dropdown channel-header__links search-btns'> <OverlayTrigger |