Вкладка «Угловой ремень» не обновляет содержимое вкладки до изменения размера браузера

Question

Я использую следующий код для использования вкладок в модальном формате.

<div bs-tabs> 
    <div ng-repeat="tabs in Filters" title="{{ tabs.title }}" name="{{ tabs.title }}" bs-pane> 
     <label class="tag-checkboxes col-sm-6" ng-repeat="tag in tabs.filters | orderBy: 'name'"> 
      <input type="checkbox" ng-model="tag.checked" ng-change="ModifyFilter(tag)"> {{tag.name}} 
      </input> 
     </label> 
    </div> 
</div> 

, который тянет это данные из источника JSON структурированным так:

{ 
    "title": "Difficulty", 
    "icon": "difficulty-icon", 
    "filters": [{ 
     "name": "Easy", 
     "checked": false 
    }] 
}, 
{ 
    "title": "Equipment", 
    "icon": "equipment-icon", 
    "filters": [{ 
     "name": "Rope", 
     "checked": false 
    } 
    }] 
} 

Это прекрасно работает в Chrome 47, однако в Chrome 38 (раздражает конкретный браузер я должен предназначаться из-за закрытым сеть) содержимое вкладки (все флажки) не отображается до тех пор, пока браузер не будет изменен, или я открою инспектора, в основном все, что меняет дом, я думаю.

Кто-нибудь знает, как это можно решить?

Answer 1

Хорошо, эта проблема также вызывает проблему со входами в рамках модалов. Следующий css исправляет это.

position: fixed;, похоже, сломал вещи.

.modal.center .modal-dialog{ 
    position:absolute !important; 
    top:40%;left:50%; 
    min-width:320px; 
    max-width:630px; 
    width:50%; 
    -webkit-transform:translateX(-50%) translateY(-50%); 
    transform:translateX(-50%) translateY(-50%) 
}