The UISchema "ui:description" no longer supports the <small> tag
#4,328 opened on Oct 4, 2024
Repository metrics
- Stars
- (13,175 stars)
- PR merge metrics
- (Avg merge 3d 17h) (32 merged PRs in 30d)
Description
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, Codesandbox.io or preferably a shared playground link demonstrating the issue.
What theme are you using?
React-Bootstrap
Version
"@rjsf/core": "^5.21.1",
"@rjsf/react-bootstrap": "^6.0.0-alpha.0",
Current Behavior
The description markdown no longer supports the tag <small> , it used to work in previous versions but currently it doesn't work. You can witness this in your own playground.
{
"lastName": {
"ui:autocomplete": "given-name",
"ui:enableMarkdownInDescription": true,
"ui:description": "Make things bold or italic. Embed snippets of code. <small>And this is a small texts.</small> "
},
}
Renders to:
Make things bold or italic. Embed snippets of code. <small>And this is a small texts.</small>
Expected Behavior
The correct rendering should be:
Make things bold or italic. Embed snippets of code. And this is a small texts.
Where "And this is a small texts." in smaller size and tag is not printed to screen
Steps To Reproduce
You can reproduce this in your own ONLINE playground. Just go to urL https://rjsf-team.github.io/react-jsonschema-form/
Take the sample "Simple" and look at the "A registration form", Input "Last Name". You will see the "small" tag is printed as text: <small>And this is a small texts.</small>. The <small> tag is printed as text instead of being used as format.
Environment
- OS:
- Node:
- npm:
Anything else?
No response