explorer: Fix search bar paste on mobile (#11735)
This commit is contained in:
parent
c8b40da7ab
commit
dc17e2983d
|
@ -40,6 +40,11 @@ export function SearchBar() {
|
||||||
blurInputOnSelect
|
blurInputOnSelect
|
||||||
onMenuClose={() => selectRef.current?.blur()}
|
onMenuClose={() => selectRef.current?.blur()}
|
||||||
onChange={onChange}
|
onChange={onChange}
|
||||||
|
styles={{
|
||||||
|
/* work around for https://github.com/JedWatson/react-select/issues/3857 */
|
||||||
|
placeholder: (style) => ({ ...style, pointerEvents: "none" }),
|
||||||
|
input: (style) => ({ ...style, width: "100%" }),
|
||||||
|
}}
|
||||||
onInputChange={onInputChange}
|
onInputChange={onInputChange}
|
||||||
components={{ DropdownIndicator }}
|
components={{ DropdownIndicator }}
|
||||||
classNamePrefix="search-bar"
|
classNamePrefix="search-bar"
|
||||||
|
|
|
@ -190,3 +190,11 @@ h4.slot-pill {
|
||||||
max-width: 120px;
|
max-width: 120px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// work around for https://github.com/JedWatson/react-select/issues/3857
|
||||||
|
.search-bar__input {
|
||||||
|
width: 100% !important;
|
||||||
|
input {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue