Text Input Components is Not Supported Within Dialog Component Wrappers of bootstrap or material

[Vikson97]

Description:

Current Behavior: Input components provided by the Form.io library, whether in the renderer or builder, do not seem to be supported when used within dialog component wrappers. When attempting to integrate Form.io input components within a dialog, the input components do not take input it's focus get removed suddenly, and their functionality appears to be limited or non-functional. Also the component setting dialog is getting larger then parent on pls give some configuration option so that we can reduce its size

Expected Behavior: It is expected that Form.io input components should seamlessly integrate and function correctly within various UI components, including dialog component wrappers. This would allow users to leverage Form.io input components in scenarios where they need to present forms or gather input within a dialog context.

Steps to Reproduce:

1. Create a dialog component wrapper using bootstap or material dialog.
2. Attempt to include Form.iobuilder or renderer within the dialog's content area.
3. Observe that the Form.io input components do not take inputs but button gets clicked.
4. The component setting dialog is getting larger then parent

[antonSoftensity]

@Vikson97 Could you please provide an example i.e. jsfiddle? Also it seems like the approach of using FormBuilder inside of a dialog, given that all the components are created through Component settings modal, creates a lot issues from the accessibility point of view (multiple dialogues stacked on top of each other).

[olgabann]

Thank you for your contribution. As this issue has been inactive for over 90 days, I will close it for now. If you'd like to reopen the issue, please reply and we can resume the triage process.