Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Input componest is not passing down the JSX attribute inputMode. #3850

Closed
HcDuller opened this issue Nov 26, 2019 · 2 comments
Closed

Input componest is not passing down the JSX attribute inputMode. #3850

HcDuller opened this issue Nov 26, 2019 · 2 comments
Labels

Comments

@HcDuller
Copy link

Feature Request

Implement inputMode on Input Component

Problem description

I have a input component that needs to be typed as text, but is limited to receive only numbers and a specific set of symbols, I can manage all this very well so far but when a user (mobile) clicks to edit this input the alphabetical keyboard pops up.
I've tried adding patterns, didn't work.

Proposed solution

Simplest solution I've came with is to make this component accept a prop just like props.type (as it already does), so it can pass down this attribute to

MVP

First time I try this kind of stuff, but i think you might get the idea.
master...HcDuller:patch-1

@welcome
Copy link

welcome bot commented Nov 26, 2019

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

@layershifter
Copy link
Member

layershifter commented Jul 27, 2020

This is already supported:

<Input inputMode="numeric" placeholder="Search..." />

Will produce:

<div class="ui input">
  <input type="text" inputmode="numeric" placeholder="Search..." />
</div>

Oops, support was added in #3916 and released in semantic-ui-react@1.0.0.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants