Disabling the form should disable the submit button as well.

[dwjohnston]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle or a shared playground link demonstrating the issue.

What theme are you using?

core

Version

4.2.3

Current Behavior

When I pass the disabled props, all inputs are disabled, but the form can still be submitted by pressing the submit button, which is still enabled.

Expected Behavior

The submit button should be disabled.

Steps To Reproduce

https://codesandbox.io/s/lucid-dawn-k56bdt?file=/src/App.js (4.2.3)

Environment

See sandbox

Anything else?

Similar issues:

#854 - suggestion - pass in empty div as children to remove the submit buttton

Another option is to pass the uiSchema prop in with the ui:submitButtonOptions.props.disabled when you are trying to disable the form.

P.S Fantastic work with this library. This thing is great.

[heath-freenome]

@dwjohnston Good point. The fix for this is fairly simple (updating the SubmitButtonProps in @rjsf/utils to add disabled and then passing it in from the Form.tsx in @rjsf/core). Are you able to fix it yourself for us?

[dwjohnston]

@heath-freenome Sure, I can take a look. I am pretty busy right now, but sure.