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
13 activate: ->13 activate: ->
14 if super14 if super
15 @render()15 @render()
16 @findByTag('input').focus()
16 app.appCache?.on 'progress', @onAppCacheProgress17 app.appCache?.on 'progress', @onAppCacheProgress
18 $.on @el, 'focus', @onFocus, true
17 return19 return
18 20
19 deactivate: ->21 deactivate: ->
20 if super22 if super
21 @empty()23 @empty()
22 app.appCache?.off 'progress', @onAppCacheProgress24 app.appCache?.off 'progress', @onAppCacheProgress
25 $.off @el, 'focus', @onFocus, true
23 return26 return
24 27
25 render: ->28 render: ->
@@ -58,6 +61,9 @@ class app.views.DocPicker extends app.View · 32 unmodified lines
58 @save()61 @save()
59 return62 return
60 63
64 onFocus: (event) ->
65 $.scrollTo event.target.parentNode, null, 'continuous', bottomGap: 2
66
61 onEnter: =>67 onEnter: =>
62 @save()68 @save()
63 return69 return
assets/stylesheets/components/_sidebar.scss+1−0
@@ -268,6 +268,7 @@ · 267 unmodified lines
268}268}
269 269
270._list-label {270._list-label {
271 cursor: pointer;
271 transition: .2s;272 transition: .2s;
272 @extend %_list-dir;273 @extend %_list-dir;
273 274