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

Improve keyboard navigation for all framework #1936

Merged
merged 2 commits into from
Jun 9, 2018

Conversation

pdanpdan
Copy link
Collaborator

@pdanpdan pdanpdan commented Apr 12, 2018

  • QModal
    • fix not emmiting dismiss on ESC
    • focus after show
  • QPopover
    • focus after show
    • refocus after hide (noRefocus prop)
    • allow toggle by keyboard ENTER
  • QDialog
    • fix button focus
    • find button by class name (q-btn)
  • QFab - refocus after hide
  • QTab / QRouteTab
    • focus with keyboard
    • allow select with keyboard ENTER
  • QColor and QDatetime
    • fix tabindex lost on close
    • fix popup not closing on blur
  • QColorPicker
    • fix incorrect tabindex on disable
    • allow to select saturation on click on mobile (was working only on drag)
  • QDatetimePicker.mat - allow keyboard adjustment of all values
  • QActionsheet
    • select option with ENTER/SPACE, navigation with TAB
    • trigger selection on keyup to avoid click on original button
  • QAutocomplete - use QPopup with noFocus
  • QKnob, QSlider, QRange - keyboard updating (UP|RIGHT +, DOWN|LEFT -, CTRL+... 10*)
  • QSelect
    • remove autofocusFilter - always select filter if present
    • move keyboard navigation on QPopover
    • delay popover.reposition on filter to allow resize
  • v-back-to-top, v-close-overlay, v-go-back, v-ripple - trigger by keyboard ENTER

close #2121, close #1996, close #2113, close #2137, close #1038

@pdanpdan pdanpdan force-pushed the color-datetime-kbd branch 4 times, most recently from 8c5af21 to b3237a9 Compare April 18, 2018 12:37
@pdanpdan pdanpdan changed the title Improve keyboard navigation for QColor... and QDatetime... Improve keyboard navigation for all framework Apr 18, 2018
@pdanpdan pdanpdan force-pushed the color-datetime-kbd branch 2 times, most recently from 0520f94 to c5a296c Compare April 24, 2018 10:34
@pdanpdan pdanpdan force-pushed the color-datetime-kbd branch 2 times, most recently from 7fab644 to fd369f6 Compare May 2, 2018 13:17
@panstromek
Copy link
Contributor

Does this add alphabetic selection to QSelect, like it works on native html select element? (like pressing 'K' on keyboard selects first option starting with 'K').

Lot of good stuff here anyway, thx ;)

@pdanpdan pdanpdan force-pushed the color-datetime-kbd branch 3 times, most recently from e672c30 to cc13556 Compare May 18, 2018 10:49
@pdanpdan
Copy link
Collaborator Author

@panstromek No, I think the filter is good enough for the moment, but maybe later

@nothingismagick
Copy link
Contributor

nothingismagick commented May 22, 2018

This is a really important PR. Nice job @pdanpdan !!! @rstoenescu - any reason not to integrate it?

@pdanpdan pdanpdan force-pushed the color-datetime-kbd branch 4 times, most recently from f6ac37e to 8c85759 Compare June 4, 2018 14:44
@pdanpdan pdanpdan force-pushed the color-datetime-kbd branch 4 times, most recently from b3cc2f3 to ccaca4d Compare June 8, 2018 12:39
- QModal
  - fix not emmiting dismiss on ESC
  - focus after show
  - add back noRefocus
- QPopover
  - focus after show
  - refocus after hide (noRefocus prop)
  - allow toggle by keyboard ENTER
- QDialog
  - fix button focus
  - find button by class name (q-btn)
  - add back noRefocus
- QFab - refocus after hide
- QTab / QRouteTab
  - focus with keyboard
  - allow select with keyboard ENTER
- QColor and QDatetime
  - fix tabindex lost on close
  - fix popup not closing on blur
- QColorPicker
  - fix incorrect tabindex on disable
  - allow to select saturation on click on mobile (was working only on drag)
- QDatetimePicker.mat - allow keyboard adjustment of all values
- QActionsheet
  - select option with ENTER/SPACE, navigation with TAB
  - trigger selection on keyup to avoid click on original button
- QAutocomplete - use QPopup with noFocus
- QKnob, QSlider, QRange - keyboard updating (UP|RIGHT +, DOWN|LEFT -, CTRL+... 10*)
- QSelect
  - remove autofocusFilter - always select filter if present
  - move keyboard navigation on QPopover
  - delay popover.reposition on filter to allow resize
- v-back-to-top, v-close-overlay, v-go-back, v-ripple - trigger by keyboard ENTER
- QInput - set model on ENTER
@rstoenescu rstoenescu merged commit 37a90cc into quasarframework:dev Jun 9, 2018
@pdanpdan pdanpdan deleted the color-datetime-kbd branch June 9, 2018 16:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment