Sidebar: forms can't be submitted in the presence of non-modal Sidebars

[inad9300]

Describe the bug

Likely related to #2562

Reproducer

https://codesandbox.io/s/primereact-test-forked-ghjz97?file=/src/index.js

PrimeReact version

8.6.0

React version

18.x

Language

ALL

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Click "Submit"
2. Verify that no message is logged, i.e. submission doesn't work
3. Comment out <Sidebar /> element
4. Verify that a message is logged, i.e. submission works

Expected behavior

No response

[melloware]

I agree it looks like when modal={false} the mask is still filling the screen and intercepting clicks.

[atrhacker]

Seems to be linked to the following:
https://forum.primefaces.org/viewtopic.php?f=57&t=74993

Basically, if you put any input type file (or FileUpload) in the page when there is a sidebar, the behavior of the input file will be completely blocked. (with or without form attached to it)
You can test it here:
https://codesandbox.io/s/withered-water ... oadDemo.js](https://codesandbox.io/s/withered-waterfall-cs307o?file=/src/demo/FileUploadDemo.js

Not sure, if I need to open a different bug request for this or shall we attach it to this one?

[melloware]

I think this one is fine it's most likely the same issue

[atrhacker]

Would there be any temporary solutions ? even I fork the code.. This is the only item which forbid me from migrating to v8.
I'm surprised that it's not affecting the official documentation webpage as it also contain a side bar?

[kl-nevermore]

@atrhacker
I just encountered this problem too
you can add dismissable={false}

<Sidebar visible={true} modal={false} dismissable={false} onHide={() => setVisible(false)} />