JSFiddle - React, Tailwind, and code Playground

HTML

<select id="myselect">
    <option>short string</option>
    <option>long string</option>    
    <option>short string</option>
    <option>short string</option>
    <option>short string</option>
</select>

CSS

body, html {
    width: 100%;
    height: 100%;
}

#myselect {
    width: 15%;
}
#myselect option {
  word-break: break-all;
  overflow: hidden;
}