react icon indicating copy to clipboard operation
react copied to clipboard

Incorrect Bootstrap 5 class name used for select element when using @formio/js@5 and @formio/react@6

Open enure opened this issue 10 months ago • 1 comments

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:

  1. Author a form which includes a HTML 5 select element
  2. Render it with @formio/js@5 and @formio/react@6
  3. View the rendered select
  4. 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 ▼

Image

<select> where I changed the class name to "form-select":

Image

Sandbox Example n/a

Desktop (please complete the following information):

  • OS: macOS
  • Browser Firefox
  • Version latest

enure avatar Feb 26 '25 17:02 enure