JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option value="1"><span>content 1</span></option>
    <option value="3">Content is so long but still some remains</option>
</select>

CSS

select{
    min-width: 100px;
   text-overflow: ellipsis;
}