javascript - ng-disabledがタブをいじる

Question

だから私は ng-disabled でこの奇妙な問題を抱えています 多分他の誰かが見ることができますか? オーバーアーチの問題は、検索ボックスがフォーカスされると、モーダルを閉じる「X」でさえ、モーダル上のほとんどのタブ可能な要素にフォーカスできなくなることです。検索ボックスはhelpSearchTermsDivdiv に含まれています。フォーカスを取得すると、その親 div 内のフォーカス可能な要素のみをタブで移動できますhelpPopupHeader。次のディレクティブを含むモーダル (jquery ui) があります。

helpModule.directive("helpDialog", ['helpService', '$timeout', 'translationService', function (helpService, $timeout, translationService) {
    return {
        replace: true,
        restrict: 'A',
        scope: {
            hc: '=helpHc',
            staticsBaseUrl: '@'
        },
        template: ' <div id="help-dialog">' +
                '       <div id="helpPopup" style="height:100%" class="help-dialog-contents-container">' +
                '           <div id="helpPopupHeader" class="help-popup-header help-header">' +
                '               <div id="helpPanelIconsDiv" class="help-panel-icons-div">' +
                '                   <button type="button" class="help-icon-small-back help-icon-small" ng-click="hc.back()" ng-disabled="!hc.canBack()" title="' + translationService.getMessage('SHOW_PREVIOUS') + '"></button>' +
                '                   <button type="button" class="help-icon-small-next help-icon-small" ng-click="hc.next()" ng-disabled="!hc.canNext()" title="' + translationService.getMessage('SHOW_NEXT') + '"></button>' +
                '                   <a class="help-toc-link" ng-click="helpToc()">'+translationService.getMessage("CONTENTS")+'</a>' +
                '                   <a class="help-index-link" ng-click="ctrl.helpIndex()">'+translationService.getMessage("INDEX")+'</a>' +
                '               </div>' +
                '               <div id="helpSearchTermsDiv" class="help-search-terms-div">' +
                '                   <input id="helpSearchTerms" ng-model="helpSearchTerms" title="{{searchHint}}" name="helpSearchTerms" ui-keyup="{\'enter\':\'helpSearch($event)\'}" ng-class="fieldClasses()" type="text" maxlength="50"/>' +
                '                   <button type="button" id="helpsubmitSearch" ng-disabled="searchHint == helpSearchTerms" class="help-search-button" title="' + translationService.getMessage('SEARCH_SUBMIT') + '" ng-click="helpSearch($event)"></button>' +
                '               </div>' +
                '           </div>' +
                '           <div id="help-popup-content" class="help-popup-panels">' +
                ....

ボタンから ng-disabled を削除するhelpsubmitSearchと、モーダル内のすべてのタブ可能な要素をタブで移動できます。また、モーダルをクリックすると (検索ボックスがフォーカスを失うため)、検索ボックスに戻るまですべての要素をタブで移動でき、helpPopupHeaderdiv のみをタブで移動できます。それがなぜなのか、または私が試すことができるものはありますか？