Вкладка Angular Strap не обновляет содержимое вкладки, пока размер браузера не изменится.

Question

Вкладка Angular Strap не обновляет содержимое вкладки, пока размер браузера не изменится.

0

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

<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 (раздражая конкретный браузер, который я должен настроить из-за закрытой сети) содержимое вкладки (все флажки) не отображается до тех пор, пока браузер не будет изменен, или я открою инспектора, в основном все, что меняет дом немного, я думаю.

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

Taylorsuk 05 янв. 2016, в 22:06

Источник

Теги:

javascript

angularjs

angular-strap

1 ответ

Ещё вопросы

Taylorsuk · Answer 1 · 2016-01-06T19-58-00.000Z

Хорошо, что эта проблема также вызывает проблему со входом в модалы. Следующий 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%)
}