When using the Semantic UI theme, labels disappear when specifying format or enum
See original GitHub issuePrerequisites
- I have read the documentation;
- In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
- Ideally, I’m providing a sample JSFiddle or a shared playground link demonstrating the issue.
Description
When specifying a format, the field labels are not displayed
Steps to Reproduce
import Form from "@rjsf/semantic-ui";
- Create a JSONSchema that specifies formats (such as email and date)
const schema = {
title: "Label Bug Demo",
type: "object",
required: ["name", "originalContractAmount", "applicationDate", "periodTo"],
properties: {
email: {
type: "string",
title: "Email",
format: "email"
},
birthday: {
type: "string",
title: "Birthday",
format: "date"
}
}
};
- Render the form
<Form schema={schema} />
See https://codesandbox.io/s/react-jsonschema-form-demo-grtcz?file=/src/App.tsx for a live example
Expected behavior
Expect to see the form render with labels containing the specified titles.
Actual behavior
The fields render without any labels.
Version
"@rjsf/core": "^2.2.1",
"@rjsf/semantic-ui": "^2.2.1",
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:8 (3 by maintainers)
Top Results From Across the Web
Semantic-Org/Semantic-UI-React - Gitter
I've gone down a different route meanwhile - using a Dimmer and a Segment group ... https://react.semantic-ui.com/collections/form/#states-field-error-label.
Read more >Theming | Semantic UI
The default theme. config will have all component values set to default. To choose a theme, simply change a component to match the...
Read more >Semantic-UI/RELEASE-NOTES.md at master - GitHub
Segment - Added new ui placeholder segment used to reserve space for UI when content is missing or empty.
Read more >react-jsonschema-form-semanticui-fixed - npm package - Snyk
A simple React component capable of building HTML forms out of a JSON schema using React Semantic UI. For more information about how...
Read more >Semantic UI Modal failed to get form data - Stack Overflow
You aren't showing everything, but undisplayed (visible:none) fields are not posted. When the "approve" (ok) button of the dialog is clicked, it may...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I came up with a simple work around with this field template (in TypeScript):
probably not, or the title was not fixed. GeekLad’s work around works, but…