Kibana: 在Chrome 52中,搜索中的搜索框已被预输入覆盖

创建于 2016-07-22  ·  31评论  ·  资料来源: elastic/kibana

Kibana版本:4.5.3

服务器操作系统版本:Debian Linux 8

浏览器版本:Chrome 52.0.2743.82(64位)

浏览器操作系统版本:OS X El Capitan 10.11.5

原始安装方法(例如,下载页面,yum,从源代码等) :Docker Hub imange'kibana:4.5 '

问题描述,包括预期行为与实际行为
kibana Discover中的搜索框被预输入列表覆盖。

_在Chrome 51中(预期行为)_
in_chrome_51

_在Chrome 52中(实际行为)_
2016-07-22 5 18 58

预先输入列表会覆盖包含搜索按钮的搜索框。 在搜索输入框中,写入但未出现text value =“ type:de”。

重现步骤

  1. 在Mac中将Chrome更新到52
  2. 输入Kibana并搜索dicover中的内容

浏览器控制台中的错误(如果相关) :无

提供日志和/或服务器输出(如果有) :不适用

bug v4.1.11 v4.5.4

最有用的评论

对于尚未升级或无法很快升级的产品。 我们已经构建了一个非常简单的Chrome扩展程序来解决此问题: https :

所有31条评论

同样在5.0上进行确认,Chrome 51仍在运行。

我也看到了这一点,它绝对使我丧命。

这里也是一样。 不仅我看不到我在写什么,而且有时我尝试编辑搜索字符串时,光标消失,搜索栏变为可单击状态,如果单击它,它将重新加载结果。 这真让我抓狂! 虽然那可能是一个Chrome错误...

@jbudz和我对此进行了调查,但我们一开始无法弄清楚它是如何工作的。 在编写代码时,Chrome似乎可以正常工作,而其他浏览器却不能。 这在Chrome Canary中也已被打破,因此在不改变我们的情况下,它可能不会很快恢复到旧的行为。

这也是一个特别令人讨厌的错误,因为它可能会影响Kibana的所有版本。

据报道,这可以解决该问题。 我尚未对其进行测试,也不知道它是否会破坏旧版本的Chrome或其他浏览器。

.typeahead .typeahead-items { 
  top: 32px; 
} 

我只是进行了一次边缘测试,即11,镀铬,Firefox,看起来不错。 即将建立公关

搜索是完全不可用的,当它提示错误的历史记录项(总是)时,我可以通过按ESC来解决。
Kibana版本4.5.1 Build 9892提交SHA addb289
Chrome版本52.0.2743.116 m

@timander最近发布的kibana(v4.5.4)包含合并的PR,对我来说效果很好:)

对于遇到此问题的其他人,此修复程序位于5.0.0-alpha5、4.1.11和4.5.4中。

这实际上是固定的吗? 我刚刚更新到4.5.4,但似乎仍然遇到问题。

基巴纳语4.5.4
铬:版本52.0.2743.116 m

绝对在4.5.4中已修复。 是否需要清除浏览器缓存?

尝试刷新缓存,并在隐身窗口中尝试。两次均得到相同结果。 仍然得到自动完成/建议框,该框覆盖了搜索栏的键入部分。

您好@dayjavid或其他任何人,您是否仍然可以确认是否在较新版本的Kibana(4.5.4或更高版本)上遇到此问题?

另一种解决方法/修复,添加“ top:32px;” 在重新启动Kibana服务之前,我将optimize / bundles目录移到了其他位置之前,它对我不起作用。 服务启动后将重新创建目录。 重新创建所有文件需要一两分钟,但是一旦完成,问题就解决了。

@ robert-7我不再在4.5.4中遇到这种情况。
我与另一个线程上的人一起工作,发现了我的问题。 我正在运行的Kibana实例上对软件包进行解压缩。 这导致Kibana设置中的版本号更新为4.5.4,但错误仍然存​​在。

为了解决这个问题,我尝试了两种方法:

  • 解除锁定之前,请先关闭Kibana。
  • 备份并删除整个Kibana安装目录,并使用新版本通过全新部署重新创建它。

这两个似乎都解决了我遇到的问题。

谢谢

Chrome版本53.0.2785.113(64位)上存在问题,但可在Safari和Firefox上运行,并且已清除Cookie,甚至重新安装了Chrome。

@dugpa您使用的是什么版本的kibana? 您是否尝试清除所有站点数据,而不仅仅是cookie? 我想如果重新安装Chrome与chrome二进制文件本身分开存储,就有可能无法清除您的本地缓存。

根据我是直接访问kibana还是通过nginx代理访问,我也看到了一些奇怪/类似的行为。

我们正在使用AWS Elasticsearch Kibana,但我找不到升级它的方法...我最终使用了上面的CSS修复程序, https: //github.com/elastic/kibana/issues/7801#issuecomment -235749394,但是使其成为镀铬书签。

脚步:

  1. 右键点击书签菜单,然后点击“添加页面”
  2. 输入“ kibana-fix”作为名称和URL:
javascript: document.getElementsByClassName("typeahead-items")[0].setAttribute("style", "top:32px");

然后,只要在自动完成功能失效的kibana页面上,按书签即可。

screen shot 2016-09-27 at 14 55 38

对于尚未升级或无法很快升级的产品。 我们已经构建了一个非常简单的Chrome扩展程序来解决此问题: https :

也看到此问题@MCautreels我在版本53.0.2785.143上,并且此插件似乎不起作用。

我看到的是Kibana v4.4.0Chrome完全相同的问题

@gitRahul ,所以如上所述,Kibana v4.4.0可能会遇到此问题,因此应升级到v4.5.latest或更高版本以修复它

我仍然看到这个非常令人沮丧的问题。 Kibana-discover非常无法解决此问题。

4.5.2(新安装)和chrome(版本53.0.2785.101)仍然存在问题。 先前的搜索掩盖了我要搜索的内容。

我推荐插件时尚: https :

然后,您可以轻松使用w33ble推荐的CSS。 我花了20秒钟。

在版本4.5.3和Firefox 52.0中有相同的问题。

我使用Firefox而不是Chrome作为解决此问题的方法。

相同的问题(花2天时间重新配置ELK堆栈)
Chrome:版本57.0.2987.110(64位)
Kibana:版本4.5.3 Build 9910

也切换到了FireFox

@spydesk @ kolka10 @ Shaidar20只需更新至4.5.4即可修复它

是的-已经找到它-谢谢!

在2018年7月19日星期四下午2:05,Jihwan Oh [email protected]写道:

请安装此chrome扩展程序。
您可以避免该错误。

https://chrome.google.com/webstore/detail/chrome-extension-for-kiba/
almhdllkjoojdmklbdhdfjgkkkimkgjk

-
您收到此邮件是因为有人提到您。
直接回复此电子邮件,在GitHub上查看
https://github.com/elastic/kibana/issues/7801#issuecomment-406239526
或使线程静音
https://github.com/notifications/unsubscribe-auth/AZea_D4l3HGF1vasH47Rd7U_kyOSrb8cks5uIGgNgaJpZM4JSiy7

此页面是否有帮助?
0 / 5 - 0 等级