JSFiddle - React, Tailwind, and code Playground

HTML

<div class="widget_text">
<form action="" method="get">
<select name="monster-widget-just-testing">
<option value="0">First
</option><option value="1">Second
</option><option value="2">Third OMG! How can one option contain soooo many words? This really is a lot of words.
</option></select>
</form>
</div>

CSS

.widget_text form {
    width: 300px;
}

.widget_text select {
    width: 100%;
}

.widget_text option {
    white-space: pre-wrap;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}