- components:
ButtonDropdown, Dropdown in InputGroup
- reactstrap version
#9.0
- react version
any
- bootstrap version
#5.1
What is happening?
if there is a ButtonDropdown or Dropdown in the InputGroup, then the wrapper div of the button breaks the border round look (div class="btn-group" or div class="dropdown")..
What should be happening?
if the parent is an InputGroup, then the dropdown button should not be wrapped in another div. See official documentation https://getbootstrap.com/docs/5.1/forms/input-group/#buttons-with-dropdowns
Steps to reproduce issue
can also be seen in the yours storybook documentation https://reactstrap.github.io/?path=/docs/components-inputgroup--input-group-button#input-group-button
ButtonDropdown, Dropdown in InputGroup#9.0any#5.1What is happening?
if there is a ButtonDropdown or Dropdown in the InputGroup, then the wrapper div of the button breaks the border round look (div class="btn-group" or div class="dropdown")..
What should be happening?
if the parent is an InputGroup, then the dropdown button should not be wrapped in another div. See official documentation https://getbootstrap.com/docs/5.1/forms/input-group/#buttons-with-dropdowns
Steps to reproduce issue
can also be seen in the yours storybook documentation https://reactstrap.github.io/?path=/docs/components-inputgroup--input-group-button#input-group-button