Json Form renders are uppercasing titles.

Open Beginner friendly
#283 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
css, typescript
Domain
frontend

Research direction

Start by locating the Json Form renderer styles and the CSS rule applying text-transform: capitalize. Verify the change with a renderer using a measurement unit such as millimetres (mm); done means titles preserve their original casing by default.

Written by the indexing model from the issue text.

Description

needs-triage

Bug Report

Summary

Json Form renders are uppercasing titles. It likely shouldn't be doing it by default. It's particularly bad when a measurement unit is provided, e.g. millimetres (mm) becomes MM.

Expected behaviour

Don't uppercase

Actual behaviour

They uppercase.

Steps to reproduce

  1. Use json renderers

Screenshots or visual evidence (if applicable)

Image

Environment

Additional context

That happens through a CSS directive. text-transform: capitalize; - you can overright these with css, but its normal behaviour should be do-nothing.

Dominant language
TypeScript
Stars
8
Forks
3
Avg merge
2d 6h
Merged PRs (30d)
11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from DiamondLightSource/sci-react-ui

All issues in DiamondLightSource/sci-react-ui

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.