react
react copied to clipboard
[BUG] Wizard Tabs beyond of the form, beyond of the screen.
Environment
- Version: "^4.2.4"
- Formio.js version: 4.11.0
- Frontend framework: React
- Browser: all browsers all versions
Steps to Reproduce
- Create wizard form with many (20-30) tabs and long titles.
- Invoke this form to display.
Expected behavior
Expects to see a wizard form with scrollable tabs, something like this:

Observed behavior
Many tabs extend beyond the form and even beyond the screen, preventing you from clicking on those tabs beyond the screen:

Example
Some code with "Form" component:
...
import { Form, Formio } from 'react-formio';
...
render() {
...
<Form
form={there_is_my_var_with_form_schema}
...
/>
...
}
...
Result of rendering:
