Skip to content

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

@enure

Description

@enure

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions