JSFiddle - React, Tailwind, and code Playground

HTML

<select name="d" class="myselect">
  <option value="sdf" class="test1">How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text  text How to wrap the big line text How to wrap the big line text </option>
</select>

CSS

.myselect {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myselect option {
   
    white-space: nowrap;
    width: 100%
}