fix: dismiss search dropdown and keyboard on submission

Co-authored-by: Tobse <1190109+TobseF@users.noreply.github.com>
This commit is contained in:
Akshat-104 2026-06-05 10:08:01 +05:30 committed by GitHub
parent 3bdb49c3a5
commit e1149537b1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 49 additions and 60 deletions

View File

@ -59,6 +59,7 @@ class SearchPage extends HookConsumerWidget {
void onSubmitted(String value) { void onSubmitted(String value) {
ref.read(searchTermStateProvider.notifier).state = value; ref.read(searchTermStateProvider.notifier).state = value;
focusNode.unfocus();
if (value.trim().isEmpty) { if (value.trim().isEmpty) {
return; return;
} }
@ -127,61 +128,49 @@ class SearchPage extends HookConsumerWidget {
) )
.toList(); .toList();
return KeyboardListener( return AutoComplete(
focusNode: focusNode, suggestions: suggestions.length <= 2
autofocus: true, ? [
onKeyEvent: (value) { ...suggestions,
final isEnter = value.logicalKey == "Twenty One Pilots",
LogicalKeyboardKey.enter; "Linkin Park",
"d4vd"
if (isEnter) { ]
onSubmitted(controller.text); : suggestions,
focusNode.unfocus(); completer: (suggestion) => suggestion,
} mode: AutoCompleteMode.replaceAll,
}, child: TextField(
child: AutoComplete( autofocus: true,
suggestions: suggestions.length <= 2 controller: controller,
? [ focusNode: focusNode,
...suggestions, features: [
"Twenty One Pilots", const InputFeature.leading(
"Linkin Park", Icon(SpotubeIcons.search),
"d4vd" ),
] InputFeature.trailing(
: suggestions, AnimatedCrossFade(
completer: (suggestion) => suggestion, duration:
mode: AutoCompleteMode.replaceAll, const Duration(milliseconds: 300),
child: TextField( crossFadeState:
autofocus: true, controller.text.isNotEmpty
controller: controller, ? CrossFadeState.showFirst
features: [ : CrossFadeState.showSecond,
const InputFeature.leading( firstChild: IconButton.ghost(
Icon(SpotubeIcons.search), size: ButtonSize.small,
), icon:
InputFeature.trailing( const Icon(SpotubeIcons.close),
AnimatedCrossFade( onPressed: () {
duration: controller.clear();
const Duration(milliseconds: 300), },
crossFadeState:
controller.text.isNotEmpty
? CrossFadeState.showFirst
: CrossFadeState.showSecond,
firstChild: IconButton.ghost(
size: ButtonSize.small,
icon:
const Icon(SpotubeIcons.close),
onPressed: () {
controller.clear();
},
),
secondChild: const SizedBox.square(
dimension: 28),
), ),
) secondChild: const SizedBox.square(
], dimension: 28),
textInputAction: TextInputAction.search, ),
placeholder: Text(context.l10n.search), )
onSubmitted: onSubmitted, ],
), textInputAction: TextInputAction.search,
placeholder: Text(context.l10n.search),
onSubmitted: onSubmitted,
), ),
); );
}), }),

View File

@ -2376,26 +2376,26 @@ packages:
dependency: "direct dev" dependency: "direct dev"
description: description:
name: test name: test
sha256: "65e29d831719be0591f7b3b1a32a3cda258ec98c58c7b25f7b84241bc31215bb" sha256: "75906bf273541b676716d1ca7627a17e4c4070a3a16272b7a3dc7da3b9f3f6b7"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "1.26.2" version: "1.26.3"
test_api: test_api:
dependency: transitive dependency: transitive
description: description:
name: test_api name: test_api
sha256: "522f00f556e73044315fa4585ec3270f1808a4b186c936e612cab0b565ff1e00" sha256: ab2726c1a94d3176a45960b6234466ec367179b87dd74f1611adb1f3b5fb9d55
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "0.7.6" version: "0.7.7"
test_core: test_core:
dependency: transitive dependency: transitive
description: description:
name: test_core name: test_core
sha256: "80bf5a02b60af04b09e14f6fe68b921aad119493e26e490deaca5993fef1b05a" sha256: "0cc24b5ff94b38d2ae73e1eb43cc302b77964fbf67abad1e296025b78deb53d0"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "0.6.11" version: "0.6.12"
time: time:
dependency: transitive dependency: transitive
description: description: