Expand the select List: Bootstrap

Requirement: Display the select list underneath both textboxes on key press.

Code: https://codesandbox.io/s/cocky-field-wk3ndp?file=/src/index.js

Solved for the first text box: Width:200% did the trick

Not Working for the 2nd box

>Solution :

Based on the code you sent as an example, style it like this:

.dropdown-menu {
  width: 200% !important;
}

.dropdown-menu#basic-example2{
  right: 0 !important;
  left: unset !important;
}