rjsf-team/react-jsonschema-form

Add support for input 'autocapitalize' attribute

Open

#2187 opened on Jan 4, 2021

View on GitHub
 (0 comments) (2 reactions) (0 assignees)TypeScript (13,175 stars) (2,136 forks)batch import
corefeaturehelp wanted

Description

Prerequisites

Description

It looks like setting autocapitalize attribute for inputs is not supported (without writing a custom component).

It would help to improve usability of forms especially on mobile devices. See docs and demo.

How to implement

I think it could be added like autocomplete got added.

Contributor guide

Tech stack
reacttypescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic React knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90
Research direction
Study the implementation of the `autocomplete` attribute in PR #1705 (https://github.com/rjsf team/react jsonschema form/pull/1705/files). The `autocapitalize` attribute should be added similarly to the input components. Look for the relevant input rendering code in the source, likely in the `src` directory, and add the `autocapitalize` prop to the appropriate HTML input element. Ensure it follows the same pattern as `autocomplete` in terms of prop passing and schema integration.