mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-05 07:57:46 +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 (
<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
type="search"
className="Search-input"
@@ -112,7 +115,6 @@ export default abstract class AbstractSearch<T extends SearchAttrs = SearchAttrs
else this.searchState.setValue(value);
}}
inputAttrs={{
onclick: () => setTimeout(() => openSearchModal(), 150),
// for keyboard navigation, click event would be triggered on keydown
onkeydown: (e: KeyboardEvent) => {
if (e.key === 'Enter') {