bluzky/nice-select2

overflow text

Closed this issue · 2 comments

ajrulrn commented

if have an option with a long text
the display will be like this

image

onebitrocket commented

try adding the following css to these classes.

.nice-select {
   max-width: 100%;
   
   /* added just in case */
   width: 100%; 
}
.nice-select .current,
.nice-select .multiple-options {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    /* added just in case */
    max-width: 100%;
}
ajrulrn commented

try adding the following css to these classes.

.nice-select {
   max-width: 100%;
   
   /* added just in case */
   width: 100%; 
}
.nice-select .current,
.nice-select .multiple-options {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    /* added just in case */
    max-width: 100%;
}

thanks, it's works.

sorry for late reply