react icon indicating copy to clipboard operation
react copied to clipboard

[BUG] Wizard Tabs beyond of the form, beyond of the screen.

Open vaspaul opened this issue 5 years ago • 0 comments

Environment

  • Version: "^4.2.4"
  • Formio.js version: 4.11.0
  • Frontend framework: React
  • Browser: all browsers all versions

Steps to Reproduce

  1. Create wizard form with many (20-30) tabs and long titles.
  2. Invoke this form to display.

Expected behavior

Expects to see a wizard form with scrollable tabs, something like this: Expected 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: 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: Tabs beyond the screen

vaspaul avatar Oct 18 '20 18:10 vaspaul