Form.io renders forms by attaching to component's internal "ref" attributes. However, in React e.g., the "ref" attribute is a reserved keyword for a similar functionality that allows React access to DOM elements. In order to use override component templates using JSX (and potentially other paradims such as Web Components), we'll need the reference attribute name to be configurable.
Dependencies
n/a
How has this PR been tested?
All existing automated tests pass. I'm looking into testing the renders
Checklist:
[ ] I have commented my code, particularly in hard-to-understand areas
[x] I have made corresponding changes to the documentation (if applicable)
[x] My changes generate no new warnings
[ ] My changes include tests that prove my fix is effective (or that my feature works as intended)
[x] New and existing unit/integration tests pass locally with my changes
[ ] Any dependent changes have corresponding PRs that are listed above
Link to Jira Ticket
https://formio.atlassian.net/browse/FIO-8151
Description
Form.io renders forms by attaching to component's internal "ref" attributes. However, in React e.g., the "ref" attribute is a reserved keyword for a similar functionality that allows React access to DOM elements. In order to use override component templates using JSX (and potentially other paradims such as Web Components), we'll need the reference attribute name to be configurable.
Dependencies
n/a
How has this PR been tested?
All existing automated tests pass. I'm looking into testing the renders
Checklist: