多个动态数据列表和chrome

时间:2017-06-03 10:18:19

标签: google-chrome dynamic-data-list

在Linux下运行chrome 58.0.3029.110类似的问题在windows下报告。

动态数据列表(通过websocket提供)。

尝试点击包含多个数据列表的页面时,没有任何数据列表填写。

当时我发现本地解决方案只是简单地从第1人切换到第2人。

虽然这似乎可以解决我的问题,但这并不是我可以开始向那些希望使用我的网站的用户发出的建议。

我花了几个小时试图找出问题的位置,并且发现如果我在该页面上只有1个datalist实例且在破坏的配置文件下。 (又名人1)数据列表看起来绝对正常:

<input name="something" list="someresults"/>
<datalist id="someresults"></datalist>

工作正常,我可以更改页面上的任何数据列表,并且一切正常。

我开始在同一页面上使用第二个dataList的那一刻:

  <input name="something" list="someresults"/>
    <datalist id="someresults"></datalist>
   <input name="something2" list="someresults2"/>
    <datalist id="someresults2"></datalist>

他们都没有加载内容,箭头填充说内容,看看html中DOM已经用用户输入匹配结果更新。

我只是摸不着头脑,因为它显然不是代码,因为正如我所说,通过改变镀铬配置文件,问题就会消失。

非常感谢任何洞察/修复信息

PS过程相当复杂如果需要我可以在现场网站上创建一些演示页面以显示手头的问题,因为我认为实际工作太复杂而无法在此处发布

1 个答案:

答案 0 :(得分:0)

在这种情况下,事实证明是由于两件事,也许我自己的总结帮助缩小了它的速度。

  1. 禁用主窗体:(如果在主窗体中使用,则删除它)
  2. autocomplete="off"

    1. 禁用任何dataList输入中使用的相同标记:(删除标记) autocomplete="off"
    2. 请注意,单个dataList和autocomplete =“off”在给定字段上工作正常。

      (真奇怪)