Curious, I’m using HTML select for additional options inside a responsive table. The pretty HTML/CSS dropdowns don’t work since they’re nested inside a scrollable responsive table, so they get cut-off. The best solution was to just use HTML select, but I don’t want the actual menu options (e.g. Rename, Duplicate, Delete) to change the placeholder text (e.g. More), rather I’d like to have them perform those actions without changing the text. Hope that makes sense, basically work as a typical CSS dropdown would work. Thoughts? Ideas?
<select class="form-control"> <option value="" disabled selected hidden>More</option> <!-- I want this to stay visible --> <option>Rename</option> <option>Duplicate</option> <option disabled="disabled">----</option> <option>Delete</option> </select>
You could just reset the value when you catch the event.