程序员经验分享-hwhale

是否有 shim 或 polyfill 可以解决 Chrome 对数据列表的 512 限制？

2023-12-22

使用绑定到数据列表的输入标签实现了预输入。当用户滚动浏览条目时，Chrome 不会显示第 512 个匹配项之外的任何条目。整个数据列表仅包含大约 950 个条目。

使用适用于 Windows 的 Chrome 版本 76.0.3809.100（官方版本）（64 位）进行测试。

Firefox 和 IE/Edge（带有 Franzke polyfill）可以正常工作。

是否有浏览器 shim 或 polyfill 可以解决此限制？

应用程序以前有一个选择标签，将匹配限制在每个选项的开头。

https://www.youtube.com/watch?v=9MN-pi2GMw4 https://www.youtube.com/watch?v=9MN-pi2GMw4另一位团队成员报告说，与特殊角色的合作令人无法接受。

已向 Google 报告错误。

https://plnkr.co/edit/FYzwnQCMmmJcbkigBSzw https://plnkr.co/edit/FYzwnQCMmmJcbkigBSzw

<html>
<head></head>
<body>
<input type="text" list="license_list" >
<datalist id="license_list">
    <option value="Abortions Facility"></option>
    <snip></snip>
    <option value="Mixed Beverages (Tourism Resort)"></option>
    <option value="Mixed Beverages /Historic ABC Establishment"></option>
    <option value="Mixed Beverages Catering"></option>
    <snip></snip>
    <option value="Youth Employment"></option></datalist>
</body>
<script src="datalist-polyfill.js"></script>
</html>

示例 Plunk 是纯 HTML5，但目标应用程序是 Angular 反应式表单。

Plunk 在 Chrome 中启动，单击向下箭头而不输入任何内容，然后滚动到底部停止在“混合饮料/历史悠久的 ABC 机构”，但应停止在“青年就业”（数据列表末尾）


None

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Googlechrome

htmldatalist

是否有 shim 或 polyfill 可以解决 Chrome 对数据列表的 512 限制？ 的相关文章

  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的

  • SVG img keepAspectRatio Chrome

    当我对 SVG 文件中的图像使用preserveAspectRatio none 时 它 似乎在 Google Chrome 中不起作用 SVG 不会根据图像宽度和高度进行缩放

  • 如何使用 Java 使用 Selenium WebDriver 处理 Chrome 中的身份验证弹出窗口

    我正在尝试在我的新 Webdriver 脚本之一中处理身份验证弹出窗口 我有一个适用于 IE 的可行解决方案 但我在 Chrome 上遇到了困难 IE 就像遵循 此页面 上的建议一样简单 如何使用 Java 使用 Selenium WebD

  • 未捕获的类型错误：对象 # 在 Chrome 中没有“查找”方法

    可能与 未捕获的类型错误 对象 没有方法 查找 https stackoverflow com q 11134646 561731 这是我的问题的讨论的聊天记录 https chat stackoverflow com rooms 17 c

  • Chrome 中的 OpenType 设置由字体粗细和字体样式重置

    我在用Raleway https fonts google com specimen Raleway来自 Google Fonts 作为我项目的主要字体 一切都很好 直到我注意到数字以 旧式 模式显示 这意味着某些数字具有从字体基线向上或向

  • Selenium 打开未登录 Chrome 帐户的 chrome

    我最近一直在使用 Selenium WebDriver 我还专门使用 chromedriver 每当我打开一个新的 chrome 窗口 driver get url 时 Chrome 都会以完全默认的状态启动 而不是我刚刚从我的扩展坞打开一

  • Google Chrome 显示的页面与 Safari 一样吗？

    鉴于 Chrome 和 Safari 使用 webkit 有没有人发现任何在 Chrome 上与 Safari 上呈现不同的东西 目前是否有理由在这两个平台上测试网站 或者现在测试 Safari 就足够了 其中一部分是了解什么依赖于渲染引擎

  • 覆盖 Bootstrap 表格边框折叠样式

    引导程序有一个table border collapse collapse border spacing 0 风格 我想覆盖它 所以我创建了一个类并将其应用到有问题的表 table FormGroupContainer border col

  • 加密 Chrome 扩展程序？

    无论如何 要加密 Chrome 扩展程序 以免暴露源代码 您可以使用混淆器隐藏您的代码 市场上有很多可用的 像Google Closure编译器这样的工具很少 而且市场上有很多在线javascript ofuscators 你可以使用任何一

  • html datalist元素自动建议行为

    我注意到 当您将文本字段连接到数据列表时 不同的浏览器在建议文本字段值方面有不同的行为 某些浏览器显示的条目正是以 开始您输入的内容 IE 旧版 chrome 版本 而其他显示的条目contain您作为子字符串输入的内容 firefox 较

  • 如何读取COM端口？ navigator.serial.getPorts 返回空列表

    我连接了少量 USB 串行接口 一个 HF 收发器 基于 Arduino 的 CW 键控器 和两个蓝牙端口 我从未使用过它们 并且不确定它们来自哪里 可能是某些应用程序 在我的 SPA 中 我需要阅读端口列表 以便能够选择连接哪个端口作为哪

  • Chrome 和 Firefox 不会在 iframe 中显示大多数 PDF 文档

    我运行的是 Windows 7 64 位 我最近更新了操作系统以安装最新更新 从那时起 大多数 PDF 文档已停止在我的程序中呈现 我的程序想要在单独的 iFrame 中显示 PDF 文档 我通过获取 PDF 文档的 URL 并设置来做到这

  • chrome 如何建立正确的字符编码？

    我最近一直在使用很多字符集 在尝试为随机网页建立正确的字符集时发现了很多问题 字符集可以在html文档的标题中设置 也可以在节 多次或有时声明被省略 尽管存在这些问题 chrome 每次都在设置最佳字符集方面做得很好 我尝试过搜索来源 ht

  • Google 脚本：如何编写从驱动器中的 txt 自动导入电子表格的脚本？

    我以前从未使用过 Javascript 而且多年来我一直在尝试这样做 但没有成功 而且我找不到任何以前的人尝试过 我想直接从驱动器中的 txt 文档复制文本数据 可以手动完成此操作 但我希望每天自动完成 文本文件 Boxes Made 3

  • Chrome 和 Safari 错误::不允许加载本地资源: file:///D:/CSS/Style.css

    当我在 chrome 或 safari 中访问我的 aspx 页面时 它在控制台中显示此错误 不允许加载本地资源 file D CSS Style css 在 IE 和 FF 中一切正常 我使用外部 CSS 通过 aspx 页面链接 我已经

  • 从 Chrome 应用程序使用 Google 地图 API

    我正在尝试在 Chrome 应用程序中使用 Google 地图 每当我尝试加载 JavaScript 时 都会收到错误 Refused to load the script https maps googleapis com maps ap

  • Chrome 19 无法识别字体粗细：较轻

    我刚刚启动了一个正在开发的项目以进行一些修改 并注意到该声明font weight lighter正在通过以下方式提供服务 font face并且它不再在网站上运行 参见图片 顶部镀铬 底部 ff 自昨晚以来 我的系统 Windows 上没

  • 如何在 Chrome 中实现抓取光标图标？

    我知道可以在 Chrome 中使用抓取光标图标 当然是在 Gmail 中 但我不知道如何在我的代码中实现它 我已经尝试过 在CSS中 body cursor grab body cursor webkit grab body cursor

  • twitter bootstrap css 在 chrome 扩展中发生冲突

    我正在使用 bootstrap 来编写我正在编写的 chrome 扩展 当作为内容脚本导入时 CSS 似乎与我正在查看的许多网站发生冲突 即使在谷歌搜索结果页面中 想知道我是否可以做些什么来将其范围限制为我使用内容脚本注入的 dom 元素

  • 使用 Javascript 检测 Pepper (PPAPI) Flash

    我们使用的是专有的文档查看器 它与某些 Chrome 版本中的 Pepper 版本的 Flash 配合得不太好 所以我希望能够检测到它并重定向到不同格式的相同内容 由于这个版本似乎落后于 NPAPI 版本 所以我一直在使用闪光检测 http

随机推荐

  • 如何避免在控制台上打印系统日志的广播消息

    我编写了一段小代码 用于在连接到 postgres 数据库失败时使用 C Api 向系统日志发送消息 int main int argc char argv PGconn psql PGresult res int flag 0 openl

  • 高分辨率下 Swing UI 缩放不良（MS Surface）

    我目前正在开发一个涉及 Swing GUI 的小型 Java 应用程序 在我的开发 PC 上 一切看起来都很好 但当我在 MS Surface 上运行它时 某些图标对于组件来说似乎太大 或者组件对于图标来说太小 这就是我的意思 Google

  • Django 全文搜索按相关性顺序

    我正在使用 Django 查询过滤器 search 来执行全文搜索 例如 MyModel objects filter title search some title 我如何让它按相关性排序 因为目前它似乎是按字母顺序排序的 具体来说 我想

  • Java Posix IPC 有API吗？ [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想知道是否可以访问 Java 中的 Posix 消息队列 因为我有一个无法修改并使用消息队列与其他进程

  • 在 Typescript 中使用“--strictFunctionTypes”有什么好处？

    据我了解 strictFunctionTypesTypescript 中的编译器选项阻止了一个非常常见的多态性用例的工作 type Handler request Request gt Response const myHandler Ha

  • 如何使用Xamarin Android APK的.Net Reactor混淆dll

    我是 Xamarin Android 新手 我使用 Visual Studio 2015 社区版创建了一个应用程序 我已将解决方案配置设置为发布 为了进行混淆 我使用了 Net Reactor 这就是我试图混淆的方式 1 构建应用程序后 我

  • Common-Lisp 以函数格式打印制表符

    我希望打印制表符format功能 我可以通过以下方式实现这一点 C然后放置 tab作为格式的参数 但这似乎有点冗长 因为对于换行符 可以简单地放置一个 在字符串中 使用打印标签最常用的做法是什么format功能 感谢您的帮助 中没有制表符的

  • 在 CrossWalk 中迁移 Cordova 应用程序时出错

    我在尝试着迁移科尔多瓦应用程序 in 人行横道 using 命令行工具如中给出的this https crosswalk project org documentation cordova migrate an application ht

  • 在编译时计算一组常量表达式的最大值

    我试图在 Rust 过程宏 派生宏 内的编译时计算一组常量的最大值 该宏看起来像 fn get max len gt TokenStream Each TokenStream represents a constant expression

  • 有关 mod_rewrite 和 mod_redirect 的帮助

    我的 htaccess 文件是 Redirect 301 http domain com news articles dtMain start 150 http domain com news articles Redirect 301 h

  • 如何使用 pandas read_xml API 读取大型 xml 文件？

    我正在尝试读取一个大的 XML 文件 文件大小约为 84 GB 来自 Post xml 的堆栈溢出数据转储 我注意到有 Pandas API pandas read xml link https pandas pydata org pand

  • 为什么内存块没有被垃圾收集器清理？

    package main import fmt net http runtime func handler w http ResponseWriter r http Request largeMemAlloc make int 100000

  • 创建具有像单例模式一样的可重用性的 CSOM ClientContext

    我在不同的用户操作上调用了多种方法客户端上下文 在每个方法执行上创建它都会导致性能问题 所以我将其添加为静态变量以实现可重用性 性能平均提高了 5 秒 但随后在某些方法中它开始给出随机问题 版本冲突 on 执行查询 但如果我删除静态和空检查

  • 将 GoDaddy 裸域添加到 Heroku 应用程序

    Heroku 自定义域 https devcenter heroku com articles custom domains 我已经设置了two我的 Heroku 应用程序的自定义域 example com example com hero

  • 在 PyTorch 中实现“无限循环”数据集和数据加载器

    我想实现一个无限循环数据集和数据加载器 这是我尝试过的 class Infinite Dataset def len self return HPARAMS batch size return 1 lt lt 30 This causes

  • sprintf 代表什么？

    我尝试在谷歌和维基百科上查找 但找不到答案 有谁知道 sprintf 或 printf 代表什么 是某个东西的缩写吗 Thanks 字符串打印格式 ed IE 使用给定格式打印到字符串

  • 使用匿名类型集合填充 WPF 中的 DataGrid

    我正在使用匿名类型的集合填充数据网格 我正在设置DataGrid s DataContext财产 并且没有错误 数据网格中没有显示任何内容 我尝试对定义的对象集合进行相同的操作 但再次没有显示任何内容 请您指导我该怎么做 Thanks ED

  • 奇怪的“字符串索引超出范围：0”错误

    我有一个巨大的应用程序 在某些时候 当涉及重定向时 我收到了这个奇怪的错误 Caused by java lang StringIndexOutOfBoundsException with message String index out

  • 编写电子邮件嗅探器

    我有兴趣编写一个电子邮件嗅探器 将通过基于网络的客户端发送的所有电子邮件保存到高清 但我不知道如何做到这一点 如何在加密之前捕获 HTTPS 邮件 我真的很感激一些有用的信息 我在网上找不到任何信息 有一个名为 HTTP Analyzer

  • 是否有 shim 或 polyfill 可以解决 Chrome 对数据列表的 512 限制？

    使用绑定到数据列表的输入标签实现了预输入 当用户滚动浏览条目时 Chrome 不会显示第 512 个匹配项之外的任何条目 整个数据列表仅包含大约 950 个条目 使用适用于 Windows 的 Chrome 版本 76 0 3809 100

热门标签