missing keyboard accessibility for timepicker increment/decrement button

Community Driven Extensions Project
Post Reply
prabhudev
Posts: 5
Joined: 04 Dec 2017, 19:22

09 Feb 2018, 12:29

in primeface extension timepicker, for "increment" and "decrement" button no keyboard support is there, how to achieve this behaviour?

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

09 Feb 2018, 14:13

I would file an issue here: https://github.com/primefaces-extension ... com/issues

Also what would be your preferred keyboard keys to actually manipulate these value? Up Arrow and Down Arrow?
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

prabhudev
Posts: 5
Joined: 04 Dec 2017, 19:22

10 Feb 2018, 15:07

keyboard accessibility flow should be like :
1] focus inside timepicker textfield-->tabpress-->focus should be on up arrow button-->tabpress-->foucus should be on downarrow button
2]when focus is on arrow buttons . value should be incremented or decremented by pressing "enter " button.

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

10 Feb 2018, 15:19

OK file an issue with these details I will see if I can fix it before the 6.2 Release.

https://github.com/primefaces-extension ... com/issues
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

11 Feb 2018, 01:47

Hmm this is not how the normal spinner behaves either?

https://www.primefaces.org/showcase/ui/ ... nner.xhtml

Would it be better to just use Arrow Up and Arrow Down to increment and decrement the spinner? That is what the PF Spinner does..

Code: Select all

 switch(e.which) {            
                case keyCode.UP:
                    $this.spin(1);
                break;

                case keyCode.DOWN:
                    $this.spin(-1);
                break;
To me that makes it more keyboard accessible.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

11 Feb 2018, 02:27

PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests