yairEO / tagify

🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
https://yaireo.github.io/tagify/
Other
3.48k stars 429 forks source link

Prevent new lines at all in tagify input #1356

Closed FreshDoktor closed 2 weeks ago

FreshDoktor commented 2 months ago

Prerequisites

https://jsbin.com/hekicef/edit?html,css,js,output

We want to use this library so our user can easily insert variables/placeholders into an normal Input. The height of it should not change nor should the text be vertically scrollable only horizontal. I tried to stop the event in the keydown event but it did nothing. I just want it to behave like any other normal just that i have chips between my text. Is there any way to get this behavior? I can't find an example working like what i want, nor does the documentation helped me.

Thanks in advance

yairEO commented 2 weeks ago

You are talking about CSS here, not javascript, which is unrelated to this library. you are the one who is in charge of styling things in your app, so make your specific CSS changes for Tagify in your app according to your requirements.

if you are asking "how should I style tagify to not wrap tags" then that has been asked a few times in the past and is mentioned in the FAQ section