mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-06 08:27:42 +02:00
Code Issues 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
1 changed files with 4 additions and 2 deletions
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') {