-
Notifications
You must be signed in to change notification settings - Fork 14
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
#3812 - BUG - Content displayed twice #3828
Conversation
@@ -357,7 +357,7 @@ | |||
"properties": {}, | |||
"allowMultipleMasks": false, | |||
"addons": [], | |||
"tag": "p", | |||
"tag": "li", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This one didn't have any issue with the rendering but I changed to make it a valid HTML.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great to me 👍 Great work @andrepestana-aot
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great changes and investigation, looks good 👍
|
The issue happened because the markup in the HTML component is invalid. The "p" tag could not be used with children elements like: address, article, aside, blockquote, details, dialog, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, menu, nav, ol, p, pre, search, section, table, or ul.
Form.io changed its default parent tag from p to div: formio/formio.js#5792
Similar issue and developer explanation/recommendation: formio/formio.js#5598 (comment)
Found some other issues not reported in the ticket as this one:
![image](https://private-user-images.githubusercontent.com/78114138/379492691-9ce4b90e-605b-48f9-9f8d-b73f220f2f4d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5Mjg1MTksIm5iZiI6MTczODkyODIxOSwicGF0aCI6Ii83ODExNDEzOC8zNzk0OTI2OTEtOWNlNGI5MGUtNjA1Yi00OGY5LTlmOGQtYjczZjIyMGYyZjRkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA3VDExMzY1OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY1NTcwMDEwYWVhZDI2Y2NiMTZlMWI5MTg5YzYwN2E1NzhhMjIyMTBmNTY5Y2MyNDVkNjU1MjMzZGU0NGIxNjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.OOQz46EuBKk6nkGd0mk05oUFfa9i_gAQe58fRlVhmeQ)