问题标签 [webshim]

I've created an HTML5 form with custom error messages and validation through webshim, which is mostly working and displaying correctly, however the bubble isn't displaying below the checkboxes and defaults to the top-left of the page. I'm not sure if my CSS is throwing off the bubble, or if it's trying to display under an element I'm not showing.

This is my markup (the structure's a little unusual because I need to display the submit button under two separate forms):

Demo: http://jsfiddle.net/6bkv2vfz/.

Any help would be really appreciated!

我正在使用 Webshim 来标准化日期选择器跨浏览器。这很好，但不幸的是它也替换了我不感兴趣的其他表单元素。

有没有办法可以限制 webshim/forms-ext 仅替换日期选择器的 UI - 并保留所有其他输入元素？

我有一个字段需要从用户那里收集一年（即具有年份分辨率的日期 - 为了便于存储，我更喜欢存储实际日期值而不是数字）。

我想使用现代浏览器或webshims支持的日期输入 UI，因为它很好并且在现代平台上运行良好。我不知道如何让 UI 只显示年份。有任何想法吗？

如果没有平台支持，理想情况下，如果您单击“预览”，然后单击小部件的顶部几次，理想情况下我希望有一个类似于您可以在此处看到的 UI，相反的情况除外：当您第一次单击输入时你会得到一个包含几十年列表的小部件，然后向下钻取以选择年份，然后 UI 关闭。

如果我使用 webshim 通过 datepicker 来增强 firefox，我在动态内容方面会遇到一些问题：如果我更改输入的类型，webshim 不会更新小部件本身。如果我使用 updatePolyfill 方法，小部件将不会被替换，而是添加到输入中。

日期输入看起来没有 1 个日期选择器图标，但每个更新调用都有 1 个。

我遵循了Webshim演示并在 html 上插入日期字段，而不是datetimepicker由于浏览器兼容性问题。

在 Mozilla Firefox 浏览器中，第一次加载页面PolyFiller时工作正常main.gsp，日期输入工作正常。但是当我路由（使用角度）到其他html页面并返回时出现问题 callRecorded.html，然后我发现只有输入字段被禁用，没有PloyFiller显示日期。我不明白为什么这会表现出这种行为。

对于客户端，我正在使用angularJS并用于$routeProvider在我的应用程序中路由 html 页面，这可能是导致问题的原因。以下代码描述了我Pollyfiller在应用程序中使用的方式：-

Main.gsp（Groovy 服务器页面）

callRecorded.html

应用程序.js

任何帮助，将不胜感激。

我正在尝试为一个站点创建硒测试。简而言之，当用户打开网站时，CMS 会向页面添加一些动态元素（HTML + JS）。

当我在 FF 驱动程序上运行测试时 - 一切正常。

FF 驱动程序配置：

在这种情况下，某些页面部分。

http://pastebin.com/P3F6HsDP

如您所见，动态块确实存在。

但在 HtmlUnit 的情况下：

...动态块不存在： http: //pastebin.com/b4iRGzjM

你能建议我如何解决它或分享一些想法吗？

我试过了：

但我收到以下错误： http: //pastebin.com/qRazGjGY

如上所述，我使用 Angular JS 和 Bootstrap 的网站在从 Safari 或 IE9 访问时出现表单验证错误，尽管使用了 Webshim。但是，webshim 的表单模块的其他属性，例如占位符文本，确实有效。

当尝试在未填写所有必填字段的情况下提交表单时，控制台中返回的错误为：

SCRIPT438：对象不支持属性或方法“交换”

在 IE9 和：

TypeError: undefined is not a function (评估'$.swap')

在 Safari 上。

以下是我的 index.html 文件中的相关代码：

以及遇到此问题的一种形式：

我们正在使用 Angular v1.2.29、Bootstrap v3.1.1、Webshim v1.15.10 和 JQuery v2.2.3。

编辑：webshim 表单模块的其他方面（例如占位符文本）确实有效，如果 webshim 代码被删除，则停止工作。

EDIT2：一些进展：将类'ws-validate'添加到表单会导致验证部分工作；在 IE 中，第一个未填充的字段是焦点，在所有其他经过测试的浏览器中（包括验证工作的浏览器），文本“请填写此字段”。以红色添加到表格下方。我正在追求这条道路。

我使用Webshim polyfill逐步引导用户完成表单的各个部分。日期输入在页面加载时隐藏style="display: none;"。它的宽度以百分比指定。Webshim 将页面加载时输入包装元素（显示而不是实际日期输入）的宽度设置为固定宽度。它不会在显示时更新包装元素的宽度$('#initiallyHidden').show();。但如果用户调整窗口大小，它会更新宽度。如何手动触发更新？是否可以在节目中自动触发更新？

最新版本的 Firefox（例如 49.0）实现了 details 标签。不幸的是，这部分与细节的 webshim 实现不兼容。尽管摘要标签的内容仍然可见，但黑色三角形消失了，单击它仍然会隐藏并显示详细信息的内容。

这可以在https://afarkas.github.io/webshim/demos/#DetailsS​​ummary中看到

任何已知的解决方法？由于 IE 和 Edge，这个 polyfill 仍然有用。

我制作了这个“小部件”，客户可以在 angular2 中加载到他们的网站上。例如

<some-name config="clientcode"></some-name>

还有更多设置等，但这不相关，值是从本机元素中提取的，在古代浏览器上似乎也能正常工作。

然而，一个客户使用所有这些花哨的 polyfills/shims（不检查它们是否像这样：

这些与我的 angular2 小部件冲突，尤其是该片段的最后 4 行（虽然不是真正的最后一行）。

有趣的是，这一切都在 RC5 上工作，我不得不回滚到它。有谁知道我是否可以强制 angular2/webpack 包含这些垫片来覆盖我的客户？并确保它始终嵌入到现有网站中？它会导致一些膨胀，但在这种情况下，这并不是什么大不了的事，因为它是人们每月或每周使用一次的网站/服务。