selectize.js icon indicating copy to clipboard operation
selectize.js copied to clipboard

Right-pad dropdown text to prevent overlap with arrow

Open Mkranj opened this issue 1 year ago • 1 comments
trafficstars

When the text inside a dropdown is quite long, it is possible for it to obscure the arrow that indicates this is a dropdown menu. This can look somewhat unpolished.

I included a padding-right statement to preserve the bit of space that the arrow occupies. Below is an example of a dropdown before and after this change.

selectize_rpad_arrow

Mkranj avatar Mar 14 '24 13:03 Mkranj

I can't quickly confirm this doesn't have any other side effects due to the broad selector used (> *). Also there's support for right-to-left languages such as Korean and Chinese that I'm sure doesn't assume the padding should always to be on the right.

databyte avatar Mar 15 '24 16:03 databyte

This pull request is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 5 days

github-actions[bot] avatar Jul 14 '24 02:07 github-actions[bot]