Поле поиска Office UI Fabric JS не сохраняет значение

Мы используем компонент Office UI Fabric js SearchBox на странице aspx. Мы использовали образец кода из здесь. Проблема, с которой мы сталкиваемся, заключается в том, что когда окно поиска теряет фокус, значения, введенные в поле поиска, очищаются и оно становится пустым. Даже то же самое происходит на их сайте документации. Любой, кто наблюдает за этой проблемой и помогает в ее решении.

Спасибо,


asp.net-mvc office-ui-fabric
person Padmaja    schedule 30.10.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используется следующее исправление: css:

 .ms-SearchBox-field {
    padding: 6px 3px 7px 10px;
}

js:

fabric.SearchBox.prototype._handleBlur = function (event) {
    var _this = this;
    if (!this._clearOnly) {
        this._searchBox.removeEventListener("keyup", this._boundEnableClose);
        setTimeout(function () {
            if (!_this._searchBox.contains(document.activeElement) && _this._searchBoxField.value == "") {
                _this._clearSearchBox();
                _this._collapseSearchBox();
                _this.setCollapsedListeners();
            }
        }, 10);
    }
    else {
        this._searchBoxField.focus();
    }
    this._clearOnly = false;
};
person Slava    schedule 16.08.2018