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

Develop example of spinbutton design pattern #125

Closed
mcking65 opened this issue Oct 16, 2016 · 10 comments
Closed

Develop example of spinbutton design pattern #125

mcking65 opened this issue Oct 16, 2016 · 10 comments
Assignees
Labels
Example Page Related to a page containing an example implementation of a pattern

Comments

@mcking65
Copy link
Contributor

mcking65 commented Oct 16, 2016

The spinbutton design pattern is at:
http://w3c.github.io/aria-practices/#spinbutton

Link to Work in Progress

View the example spinbutton in the feature branch

@mcking65 mcking65 added this to the 1.1 PR milestone Oct 16, 2016
@mcking65 mcking65 added the Example Page Related to a page containing an example implementation of a pattern label Oct 16, 2016
@mcking65
Copy link
Contributor Author

@gerardkcohen is working on this issue.

@eknowles
Copy link

@mcking65 is this not describing an input[type=number] ? https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number apart from the page up/down large step function?

@mcking65
Copy link
Contributor Author

@eknowles, yes, HTML input type number is mapped as a spin button. So, if the native html element meets your needs, do not make a custom ARIA spin button.

@jongund
Copy link
Contributor

jongund commented Jun 22, 2018

Matt,

My student and I are working on a spin button example. If that is ok with you.

Jon

@mcking65
Copy link
Contributor Author

@jongund, Gerard has already submitted #724.

@mcking65
Copy link
Contributor Author

@gerardkcohen, do you have time this week to wrap up js and css for this example? I could help out with the documentation. Wondering if we can get it done soon. I would consider delaying release 2 a few days if so. We need time on calendar for working group review.

@mcking65
Copy link
Contributor Author

When focus is in the spin button, it is capturing all key events. Can not tab out, cannot use modified keys like alt+d to go to addressbar, etc.

@gerardkcohen
Copy link
Contributor

gerardkcohen commented Jul 12, 2018 via email

@mcking65
Copy link
Contributor Author

@gerardkcohen, don't use your vacation time ... let's just plan on doing this for release 3.

mcking65 pushed a commit that referenced this issue Jul 13, 2019
To resolve issue #125, add an example that uses the spin button pattern to create a date picker.
michael-n-cooper pushed a commit that referenced this issue Jul 13, 2019
Add date picker spin button example for issue 125 (pull #1053)

To resolve issue #125, add an example that uses the spin button pattern to create a date picker.
@mcking65
Copy link
Contributor Author

Closed with commit 8a3fea1.

The new spin button example is in the editor's draft.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Example Page Related to a page containing an example implementation of a pattern
Development

No branches or pull requests

4 participants