dragonofmercy / Tokenize2

Tokenize2 is a plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or tags on tumblr.
https://dragonofmercy.github.io/Tokenize2/
BSD 3-Clause "New" or "Revised" License
83 stars 25 forks source link

How to fit the text inside dropdown list? #17

Closed ulantiger closed 7 years ago

ulantiger commented 7 years ago

Hello there, I have a problem with the text length. I use ajax and got my data from server. Some elements are longer that width of dropdown ul and li elements. How can I use overflow-x: hide on that lines, which are longer the width of ul and li? If it is possible give me example please. Thank you.

dragonofmercy commented 7 years ago

Hi the width of the list is the same as the select. You can add this to the css to overflow big lines: .tokenize-dropdown > .dropdown-menu li > a { text-overflow: ellipsis; overflow-x: hidden; }

ulantiger commented 7 years ago

Thank you very much

Sent from Mail.Ru app for Android Friday, 28 April 2017, 05:42p.m. +06:00 from David Zeller notifications@github.com :

Hi the width of the list is the same as the select. You can add this to the css to overflow big lines: .tokenize-dropdown > .dropdown-menu li > a { text-overflow: ellipsis; overflow-x: hidden; } — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub , or mute the thread .