Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Inline tags show horizontal in input #45

Closed
Codemaine opened this issue May 30, 2024 · 6 comments
Closed

Inline tags show horizontal in input #45

Codemaine opened this issue May 30, 2024 · 6 comments
Labels
wontfix This will not be worked on

Comments

@Codemaine
Copy link

You recently implemented the inline tags (which look awesome), but it would be best, if there was an option to have the tags show horizontally in the input, like the image attached. Thanks :)

image

@JaleelB
Copy link
Owner

JaleelB commented May 30, 2024

@Codemaine Let me know if I am missing something, but it works like this now.

Screenshot 2024-05-30 at 2 25 29 PM

@Codemaine
Copy link
Author

This is how it shows on my implementation

image

@Codemaine
Copy link
Author

Shows the same on the documentation

image

@JaleelB
Copy link
Owner

JaleelB commented May 30, 2024

This is how it shows on my implementation

image

@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/

@Codemaine
Copy link
Author

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.

@JaleelB
Copy link
Owner

JaleelB commented May 30, 2024

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.

@JaleelB JaleelB added the wontfix This will not be worked on label Jun 23, 2024
@JaleelB JaleelB closed this as completed Jun 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests

2 participants