Skip to content

The UISchema "ui:description" no longer supports the <small> tag #4328

@felipecarrillo100

Description

@felipecarrillo100

Prerequisites

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions