Skip to content

Commit 4b42986

Browse files
fix: country selection does not clear previous search term in country search field (#84)
* fix: clear search term on country select * refactor: update onOpenChange handler to clear search value --------- Co-authored-by: omeralpi <omeralpi@icloud.com>
1 parent f06c3c0 commit 4b42986

File tree

2 files changed

+16
-2
lines changed

2 files changed

+16
-2
lines changed

components/ui/phone-input.tsx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,14 @@ const CountrySelect = ({
9090
const [isOpen, setIsOpen] = React.useState(false);
9191

9292
return (
93-
<Popover open={isOpen} onOpenChange={setIsOpen} modal>
93+
<Popover
94+
open={isOpen}
95+
modal
96+
onOpenChange={(open) => {
97+
setIsOpen(open);
98+
!open && setSearchValue("");
99+
}}
100+
>
94101
<PopoverTrigger asChild>
95102
<Button
96103
type="button"

content/snippets/phone-input.mdx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,14 @@ const CountrySelect = ({
9696
const [isOpen, setIsOpen] = React.useState(false);
9797

9898
return (
99-
<Popover open={isOpen} onOpenChange={setIsOpen} modal>
99+
<Popover
100+
open={isOpen}
101+
modal
102+
onOpenChange={(open) => {
103+
setIsOpen(open);
104+
!open && setSearchValue("");
105+
}}
106+
>
100107
<PopoverTrigger asChild>
101108
<Button
102109
type="button"

0 commit comments

Comments
 (0)