React JS dropdown add scrollbar

user_1799283 0
Viewed 198

code:

<select>
  <option value="grapefruit">Grapefruit</option>
  <option value="lime">Lime</option>
  <option value="coconut">Coconut</option>
  <option value="mango">Mango</option>
</select>

i am new to react and implemented drop down successfully i like to add below function to drop down

1.add vertical scrollbar 2.keep open drop down by default

any help will be appreciated.thanks in advance

reactjs javascript
1 Answers

There's no simple perfect answer to both of your questions. The <select> element is notoriously difficult to style productively with CSS and its internal structure is complex, and hard to control. But there's some workaround:

  1. When there're many options in the <select>, it will add a scroll bar automatically
  2. Trigger a click event through javascript, see this answer
user_64160610
Related