History

Improve keyboard usability of doc picker

Thibaut committed 11 years ago

Commit 44a3b451 parent b5f2ba52 files · +7 −0Browse files

Unified · Split

2 files
  1. assets/javascripts/views/sidebar/doc_picker.coffee +6 −0
  2. assets/stylesheets/components/_sidebar.scss +1 −0
assets/javascripts/views/sidebar/doc_picker.coffee+6−0
@@ -13,13 +13,16 @@ class app.views.DocPicker extends app.View · 12 unmodified lines
1313 activate: ->
1414 if super
1515 @render()
16+ @findByTag('input').focus()
1617 app.appCache?.on 'progress', @onAppCacheProgress
18+ $.on @el, 'focus', @onFocus, true
1719 return
1820
1921 deactivate: ->
2022 if super
2123 @empty()
2224 app.appCache?.off 'progress', @onAppCacheProgress
25+ $.off @el, 'focus', @onFocus, true
2326 return
2427
2528 render: ->
@@ -58,6 +61,9 @@ class app.views.DocPicker extends app.View · 32 unmodified lines
5861 @save()
5962 return
6063
64+ onFocus: (event) ->
65+ $.scrollTo event.target.parentNode, null, 'continuous', bottomGap: 2
66+
6167 onEnter: =>
6268 @save()
6369 return
assets/stylesheets/components/_sidebar.scss+1−0
@@ -268,6 +268,7 @@ · 267 unmodified lines
268268 }
269269
270270 ._list-label {
271+ cursor: pointer;
271272 transition: .2s;
272273 @extend %_list-dir;
273274