Incorrect Bootstrap 5 class name used for select element when using @formio/js@5 and @formio/react@6
Author: ch-stuartCreated Feb 26, 2025Updated May 2, 2025
Describe the bug
Form which includes a <select> is using the incorrect bootstrap class name which causes the ▼ to not appear at the right side of the <select>.
To Reproduce Steps to reproduce the behavior:
- Author a form which includes a HTML 5 select element
- Render it with @formio/js@5 and @formio/react@6
- View the rendered select
- Note the ▼ is missing on the right side of the select
Expected behavior Should render as shown here: https://getbootstrap.com/docs/5.3/forms/select/#default
Screenshots
<select> displaying the missing ▼
<select> where I changed the class name to "form-select":
Sandbox Example n/a
Desktop (please complete the following information):
- OS: macOS
- Browser Firefox
- Version latest
Source: formio/react