Comments (3)
JaleelB
commented on July 25, 2024
2
Hey @jacquesuhlemann. Thanks for the love, I appreciate it.
If I am understanding what you are saying, then a workaround to that issue is setting a max with on the container the autocomplete input is in.
The popover feature is a good feature idea. I am currently working on a few iterations. I'll push what I have in a bit
from shadcn-tag-input.
eliza921
commented on July 25, 2024
1
I have tried with the Popover component and it was almost good! The only problem I noticed was when attempting to select the first tag it required two-clicks, which is not the intended behavior.
As a workaround, I tried wrapping the element with a component from shadcn.
from shadcn-tag-input.
JaleelB
commented on July 25, 2024
1
@jacquesuhlemann @eliza921 Thank you for your valuable feedback and suggestions regarding the Tag Input component. I've gone ahead and implemented the features you requested! Try it out and let me know what you think
Screen.Recording.2023-12-27.at.5.29.11.PM.mov
from shadcn-tag-input.
Related Issues (20)
- Autocomplete suggestions are muted and unclickable? HOT 1
- React hook form HOT 3
- Invalid DOM property `stroke-linejoin`
- Inline tags HOT 8
- how to style a tag ?
- AutoComplete inside a Popover HOT 8
- Feature request: Keyboard Interactions HOT 1
- UI issue with inline tags HOT 15
- Inline tags - Remove tag when backspace key pressed HOT 1
- Inline tags show horizontal in input HOT 6
- `className` doesn't get applied to the `input` element properly HOT 2
- Closing of Tag Popover when clicking outside HOT 2
- No gap between tags and input
- Autocomplete suggestions aren't clickable and don't always appear HOT 2
- Backspace Not remove character. Please Help. HOT 6
- Chevron doesn't rotate on opening popover
- Disabled prop accepted but not implemented
- No styling for Clear All button
- Vite bundling error
- Issue on mobile devices
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shadcn-tag-input.