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

Feature Request: Input Field Masking & Accessibility #2886

Closed
duncanleckie opened this Issue May 18, 2015 · 40 comments

Comments

Projects
None yet
@duncanleckie

duncanleckie commented May 18, 2015

It would be great if Material could introduce Masks into input fields with an accessibility focus.

Unless this is a conscious design decision not to ?

We current have hacked jquery input mask however it's not great for accessibility for instance one of the number fields reads out load underline 9 times for one of them ;(

eg Date of birth format or ID numbers with specific formats

masks
masks2

@itsmichaeldiego

This comment has been minimized.

itsmichaeldiego commented May 27, 2015

+1

@LesNovell

This comment has been minimized.

LesNovell commented May 27, 2015

absolutely I need this too! +1

@ThomasBurleson ThomasBurleson self-assigned this May 28, 2015

@ThomasBurleson ThomasBurleson modified the milestone: Backlog May 28, 2015

@mwymann

This comment has been minimized.

mwymann commented Jun 12, 2015

would be great! +1

@felansu

This comment has been minimized.

felansu commented Jul 18, 2015

i need ! +1

@kdubel

This comment has been minimized.

kdubel commented Jul 23, 2015

+1

@rwestonbutler

This comment has been minimized.

rwestonbutler commented Jul 23, 2015

+1 this is a much needed feature!

@sspatrudu

This comment has been minimized.

sspatrudu commented Jul 23, 2015

+1

6 similar comments
@gaboAcosta

This comment has been minimized.

gaboAcosta commented Jul 23, 2015

+1

@cleydsonjr

This comment has been minimized.

cleydsonjr commented Jul 24, 2015

+1

@kaiomagalhaes

This comment has been minimized.

kaiomagalhaes commented Jul 24, 2015

+1

@daniel-oliveiravas

This comment has been minimized.

daniel-oliveiravas commented Jul 24, 2015

+1

@marcusvoltolim

This comment has been minimized.

marcusvoltolim commented Jul 24, 2015

+1

@jpozorio

This comment has been minimized.

jpozorio commented Jul 24, 2015

+1

@mavirroco

This comment has been minimized.

mavirroco commented Jul 30, 2015

+1 is really good for phone numbers, postal code, email
would be great something like this

sample

so you can use mask in ngmessages for check

@fabriciocs

This comment has been minimized.

fabriciocs commented Aug 10, 2015

+1

3 similar comments
@ecunado

This comment has been minimized.

ecunado commented Aug 15, 2015

+1

@alexliubj

This comment has been minimized.

alexliubj commented Aug 24, 2015

+1

@Denfie

This comment has been minimized.

Denfie commented Sep 2, 2015

+1

@cleever

This comment has been minimized.

cleever commented Sep 2, 2015

I'm currently using ui-mask from this repo:
https://github.com/angular-ui/ui-mask

Works fine, but material input label overrides the mask when value is empty. =/

@ThomasBurleson ThomasBurleson modified the milestones: post-1.0 , Backlog Sep 2, 2015

@itsmichaeldiego

This comment has been minimized.

itsmichaeldiego commented Sep 10, 2015

Yes, the same is happening to me @cleever, I had to make a workaround for that...

@gaboAcosta

This comment has been minimized.

gaboAcosta commented Sep 11, 2015

@MichhDiego can you share the workaround?

@itsmichaeldiego

This comment has been minimized.

itsmichaeldiego commented Sep 11, 2015

@gaboAcosta Oh yeah, I used angular-ui-mask and angular-material input together, something like this:

screenshot from 2015-09-11 18 41 19

@bluebirdtech

This comment has been minimized.

bluebirdtech commented Sep 21, 2015

+1

2 similar comments
@hugomelendez

This comment has been minimized.

hugomelendez commented Sep 28, 2015

+1

@raprav

This comment has been minimized.

raprav commented Oct 14, 2015

+1

@bluebirdtech

This comment has been minimized.

bluebirdtech commented Oct 14, 2015

Noticed how Stripe checkout does masking on the expiry date recently. It's very nice. All invalid keys are ignored, including spaces. If you enter eg. 616, it would enter it as 06/16 given that 6 is not a valid value for the first digit.

@HarryBurns

This comment has been minimized.

HarryBurns commented Dec 8, 2015

+1

2 similar comments
@StretchKids

This comment has been minimized.

StretchKids commented Dec 9, 2015

+1

@skyworx

This comment has been minimized.

skyworx commented Dec 30, 2015

+1

@ThomasBurleson ThomasBurleson modified the milestones: post-1.0 , Backlog Jan 5, 2016

@anibalardid

This comment has been minimized.

anibalardid commented Jan 21, 2016

+1

@mattdanna

This comment has been minimized.

mattdanna commented Mar 6, 2016

+💯

@tucq88

This comment has been minimized.

tucq88 commented Mar 9, 2016

perfect for manually enter date, phone or custom format data +1

@roy46

This comment has been minimized.

roy46 commented Mar 10, 2016

+1

1 similar comment
@marcincichocki

This comment has been minimized.

marcincichocki commented Mar 19, 2016

+1

@4zuko

This comment has been minimized.

4zuko commented Mar 25, 2016

Check this out. Thanks.

@ali4ever4

This comment has been minimized.

ali4ever4 commented Mar 31, 2016

+1

1 similar comment
@scriptsure

This comment has been minimized.

scriptsure commented Apr 19, 2016

+1

@ThomasBurleson ThomasBurleson modified the milestones: Backlog, Deprecated Apr 20, 2016

@gaboAcosta

This comment has been minimized.

gaboAcosta commented Apr 28, 2016

So this means this is implemented or just plain and simple abandoned?

@itsmichaeldiego

This comment has been minimized.

itsmichaeldiego commented Apr 29, 2016

Agreed with @gaboAcosta, @ThomasBurleson what is going on?

@ThomasBurleson

This comment has been minimized.

Contributor

ThomasBurleson commented Apr 30, 2016

This issue is closed as it falls in the 'deprecated' category defined in our Deprecation Policy. For details, see our post Deprecation Policy 2016.

Pull Requests are welcomed to resolve this issue. But note that not all community PRs will be merged into master. Pull Requests with large changes or large scope impacts will probably be rejected [due to stability risks to existing users].

@angular angular locked and limited conversation to collaborators Apr 30, 2016

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.