github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-22 06:33:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: search box animating on small screen (#4076)

Browse Source
This commit is contained in:
雨 2024-10-23 18:23:47 +08:00 committed by GitHub
parent ea9b059f70
commit e030c1ee8c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
framework/core/js/src/common/components/AbstractSearch.tsx
View File

@ -96,7 +96,10 @@ export default abstract class AbstractSearch<T extends SearchAttrs = SearchAttrs
}; };
return ( return (
<div role="search" className="Search" aria-label={this.attrs.a11yRoleLabel}> <div role="search" className="Search" aria-label={this.attrs.a11yRoleLabel} onclick={() => {
this.$('input').blur();
setTimeout(() => openSearchModal(), 150);
}}>
<Input <Input
type="search" type="search"
className="Search-input" className="Search-input"
@ -112,7 +115,6 @@ export default abstract class AbstractSearch<T extends SearchAttrs = SearchAttrs
else this.searchState.setValue(value); else this.searchState.setValue(value);
}} }}
inputAttrs={{ inputAttrs={{
onclick: () => setTimeout(() => openSearchModal(), 150),
// for keyboard navigation, click event would be triggered on keydown // for keyboard navigation, click event would be triggered on keydown
onkeydown: (e: KeyboardEvent) => { onkeydown: (e: KeyboardEvent) => {
if (e.key === 'Enter') { if (e.key === 'Enter') {