new option for dropdown position

[dirslashls]

Prerequisites

• [x] I am running the latest version
• [x] I checked the documentation and found no answer
• [x] I checked to make sure that this issue has not already been filed

When using tagify in single-select mode and the position is set to "all" the dropdown occupies the entire width of the input field. However, I have some select options that are very large (and some without even any spacing to wrap them). When a smaller width value is selected, the input field is small and so the dropdown is very narrow that it is not possible to clearly see the options. When a larger width value is selected, the input expands and then the dropdown becomes usable.

I noticed that using position as "text" renders the dropdown wide enough all the time. I would have used this option but it starts showing the dropdown list at the location where cursor is placed.

So, I am wondering if there is a way to get the benefit of both these position options. That is, the dropdown should start below the input field but extend beyond the size of the input field so it is possible to clearly see large options.

[yairEO]

I will look into it, I understand the situation.

Something like this?

https://jsbin.com/luduquz/2/edit?css,output

.tagify__dropdown {
    max-width: none !important;
}

.tagify__dropdown .tagify__dropdown__item {
    white-space: nowrap;
}

[dirslashls]

Yes, that is what I am looking for. Thank you.