Office UI Fabric JS搜索框没有保留价值

Question

我们在aspx页面上使用office UI fabric js SearchBox组件。 我们使用了here中的示例代码。 我们面临的问题是，当搜索框失去焦点时，搜索框中输入的值将被清除并变为空。 甚至在他们的文档站点中也是如此。 任何观察此问题的人以及解决此问题的任何帮助。

谢谢，

Answer 1

使用以下修复程序： 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;
};