JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<select name="" id="">
  <option value="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem possimus, iste culpa libero vero enim omnis modi, temporibus provident, quisquam rerum facilis tempore sunt odit tenetur animi veniam asperiores assumenda. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem possimus, iste culpa libero vero enim omnis modi, temporibus provident, quisquam rerum facilis tempore sunt odit tenetur animi veniam asperiores assumenda.</option>
  <option value="">Short one</option>
</select>

CSS

select:focus {
  max-width: 20rem;
}
option {
  background-color: red;
  color: white;
  width: 20rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
}