react-component / react-component/input-number

Make the input field readOnly but leave the up and down buttons enabled?

Open
#232 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
323
Forks
188
Avg merge
20h 3m
Merged PRs (30d)
1

Description

Hi, I have a requirement here to only enable user to press up and down (including the keyboard interaction) but need to prevent user to type directly into the input field. Ideally, I wanna put readOnly status to the input, but not disable the up and down buttons. Is there a way to do this now as I can't find anything from the documentation?

Thanks!

Contributor guide

No contributing guide indexed for this repository

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.

Research direction

Start by reviewing the input-number documentation and the component's input, up/down button, and keyboard interaction entry points. Done means direct typing is prevented while the up and down controls, including keyboard interaction, remain enabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.