message: Don't autofocus textFilters on mobile devices.
  Autofocus on mobile means that the element will be zoomed in and the on screen keyboard will be displayed. This change makes the console usable on a phone.
diff: @@ -22,7 +22,16 @@ export const CompactExpandButtons = ({expand = false, onExpandChange = _.noop})
  </div>;
  /** @type {React.SFC<{label: string, onChange: React.ChangeEventHandler<any>, defaultValue: string}}>} */
  -export const TextFilter = ({label, onChange, defaultValue, style, className, autoFocus=true}) => <input
  +export const TextFilter = ({label, onChange, defaultValue, style, className, autoFocus}) => {
  + if (_.isUndefined(autoFocus)) {
  + if (window.matchMedia('(min-width: 800px)').matches) {
  + autoFocus = true;
  + } else {
  + // likely a mobile device, & autofocus will cause keyboard to pop up
  + autoFocus = false;
  + }
  + }
  + return <input
  type="text"
  style={style}
  className={classNames('form-control text-filter pull-right', className)}
  @@ -32,6 +41,7 @@ export const TextFilter = ({label, onChange, defaultValue, style, className, aut
  autoFocus={autoFocus}
  defaultValue={defaultValue}
  />;
  +};
  TextFilter.displayName = 'TextFilter';
  