The formio.full.min.css file overrides the default height of all bootstrap form controls

[llemire-exp]

Describe the bug

The formio.full.min.css file overrides the default height of all bootstrap form controls

It looks like a new styling rule was on the .form-control class which affects all bootstrap form controls.

Version/Branch

@formio/js 5.3.2

To Reproduce
Steps to reproduce the behavior:

1. Create a project with @formio/js 5.3.2
2. import the formio.full.min.css file (import "@formio/js/dist/formio.full.min.css";) and the css file for bootstrap.
3. render a form with a textarea and a textfield
4. render a standard input field outside of formio

Expected behavior

The textarea should have the same height as in earlier version. It should not be the same size as text fields.

Also control fields that are rendered outside of formio should have the default height of bootstrap and not be affected by any styling from formio

Screenshots

Here is a screenshot from the attached project when loading the formio.full.min.css from 5.3.2

Here is the same fields with the version 5.2.0

Additional context

The new css rule affects all bootstrap components, styling rules of formio should be contained within formio classes.

We upgraded to 5.3.2 since it was needed for a bug fix: #6281 (comment). the version 5.3.2 is available through npm however I cannot find the changelog for it in the repo

Here is the project I used for generating the screenshot:

formio-simple-app.zip

[VikkiAlenn]

@llemire-exp Thank you for your contribution! I have logged a ticket for the backlog.

For internal reference: FIO-11623.