キーボードベースの操作の後、角度のある素材（日付ピッカー）のフォーカスがボディにある

Question

日付ピッカーを使用するたびに日付ピッカーの入力またはボタンにフォーカスが戻らず、結果としてタブのインデックスが戻ってくるようです最初の要素に渡します。

あなたが公式のデモと例を取ることができます：ソースとデバッグを見てhttps://material.angularjs.org/latest/demo/datepicker

- フォーカスが文書本体への変更 - そのフォーカス操作は、関連する要素にトリガされますが、たとえそうであってもいるようです。

/** Close the floating calendar pane. */ 
    DatePickerCtrl.prototype.closeCalendarPane = function() { 
    if (this.isCalendarOpen) { 
     var self = this; 

     self.calendarPaneOpenedFrom.focus(); 
     self.calendarPaneOpenedFrom = null; 

     if (self.openOnFocus) { 
     // Ensures that all focus events have fired before detaching 
     // the calendar. Prevents the calendar from reopening immediately 
     // in IE when md-open-on-focus is set. Also it needs to trigger 
     // a digest, in order to prevent issues where the calendar wasn't 
     // showing up on the next open. 
     this.$mdUtil.nextTick(detach); 
     } else { 
     detach(); 
     } 
    } 

    function detach() { 
     self.detachCalendarPane(); 
     self.isCalendarOpen = false; 
     self.ngModelCtrl.$setTouched(); 

     self.documentElement.off('click touchstart', self.bodyClickHandler); 
     window.removeEventListener('resize', self.windowResizeHandler); 
    } 
    }; 

10x elad。

Answer 1

内部のSVG要素がフォーカスイベントを伝播しなかったために、日付ピッカーのフォーカスの問題にバグがありました。

がcrisbetoによって解決されました。

REF：https://github.com/crisbeto/material/commit/e8d4ad217dd2ad5a8e8875f9bdc1269679667e3b