输入具有焦点，但插入符号消失

Question

我的布局如下：

一个简单的html输入，可以作为自动完成程序，并在下面列出建议。标签“ Til salg”和“ Alle boliger”将确定搜索查询的范围。

单击选项卡时，搜索范围将更改，并且输入将重新调整焦点（因为单击其他任何内容都会失去焦点）。问题是，当我更改选项卡时，输入仍然具有焦点（键盘处于打开状态并且可以键入），但是输入的插入符号（蓝色闪烁线）消失了。这更多的是视觉上的奇怪，因为该功能可以正常工作–很难看到没有尖号的输入就具有焦点。

此图像显示外观。

这是我用来重新调整输入的功能。每当我点击以下标签之一时就会调用：

private _changeScope(scope: AutoCompleteScope) {
    if (this.state.scope === scope) return;

    if (this.state.input) {
        this._doQuery(scope, this.state.input);
    }

    this.setState({ scope: scope, showLoader: this.state.isFetching ? true : false }, () => {
        this.input.focus();
    });

}

其他人以前见过这个奇怪的东西吗？