Add check for `button` click in `onBlur` handler

SyntaxUI / syntaxui

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!

https://syntaxui.com

MIT License

635 stars 45 forks source link

Add check for `button` click in `onBlur` handler #123

Closed adii1203 closed 2 months ago

adii1203 commented 2 months ago

Description

Added check for button click in onBlur handler.

intuition

if the user clicks on button, we assume that the user wants to do some other task, so we don't update the keywords state.

Related Issue

Fixes #115

Proposed Changes

TagInput.tsx

Screenshots

https://github.com/Ansub/SyntaxUI/assets/114096753/8aa67a6b-5317-47ff-be1f-84ffe9b27f9a

Checklist

Please check the boxes that apply:

[x] I have tested the changes locally
[x] I ran npm run build and build is successful
[x] I have added necessary documentation (if applicable)
[x] I have updated the credits.md file (if applicable)

vercel[bot] commented 2 months ago

@adii1203 is attempting to deploy a commit to the SyntaxUI Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
syntax-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 2, 2024 4:19pm

Ansub commented 2 months ago

can you also update the same code in docs/components/input

adii1203 commented 2 months ago

I have update the docs for this (TagInput.tsx) component.

Ansub commented 2 months ago

Great work, @adii1203. Please let me know your Discord username if you are on the SyntaxUI Discord server, and I will assign you the contributor role there ✨

adii1203 commented 2 months ago

Thank you so much, my discord username is adii1203