Comments (6)
Ah, I see. You didn't make that clear in your initial comment. This isn't exactly a default behavior for tag inputs so I'll have to test this out to see if it's a good fit.
from shadcn-tag-input.
@Codemaine Let me know if I am missing something, but it works like this now.
from shadcn-tag-input.
This is how it shows on my implementation
from shadcn-tag-input.
Shows the same on the documentation
from shadcn-tag-input.
This is how it shows on my implementation
@Codemaine That is how it should be. You've set a width some where on the input (maybe on the parent container). If the space left in the container is less than the width of the input, the input wraps to a new line. The same logic applies to the tags as well. They wrap inside the tag list.
Other implementations of tag inputs with inline tags work the same way. Here is an example: https://mantine.dev/core/tags-input/
from shadcn-tag-input.
Yea, I'm aware that it's supposed to wrap when there's no available horizontal space, that's why I'm requesting for this. You should allow the user to scroll horizontally to view the tags, to keep the input's height constant.
from shadcn-tag-input.
Related Issues (20)
- license info HOT 2
- Draggable - UX suggestion HOT 2
- add npm i uuid
- add npm i uuid HOT 1
- Clicking a tag's background in a dropdown misses HOT 1
- Auto complete options HOT 1
- Autocomplete suggestions are muted and unclickable? HOT 1
- React hook form HOT 3
- Invalid DOM property `stroke-linejoin`
- Inline tags HOT 8
- Tag Shapes Property - Rounded vs Pill HOT 1
- 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
- Is it possible to link autocomplete with the addition of new tags? HOT 1
- Feature request: Autocomplete Overflow HOT 3
- Autocomplete feature not working properly HOT 2
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.