Cursor/caret 通过 IE 中的覆盖层流血

Question

我正在处理现有网站 www.shopthethirdfloor.com。使用 IE，如果您单击产品菜单，将焦点放在搜索框上，然后在弹出的菜单覆盖下方滚动搜索字段，搜索字段将位于覆盖下方，但光标会在隐藏输入字段的位置继续闪烁是。这只发生在 IE 中。搜索和产品展示也是一个 iframe。我在想这是一个 ie bug/feature 取决于你是用户还是微软。

Answer 1

我在 Internet Explorer 团队工作，可以向您保证我们不会将此视为一项功能。这是一个错误，简单明了。我已将此问题和您的网站添加到有关该问题的内部票证中，供团队在下一次分类时进行审核。

目前您可以添加对 document.documentMode 的检查，并应用一些功能来防止 Internet Explorer 在不相关元素的顶部显示插入符号。在下面的代码中，我使用 jQuery 的 $.fn.one 方法在元素的 .onFocus 事件期间附加一个一次性处理程序，然后在 window 期间处理它的 .onScroll 事件：

if ( document.documentMode && document.documentMode < 12 ) {
    $( document ).on( "focus", ":input", function ( event ) {
        $( window ).one( "scroll", function () {
            event.target.blur();
        });
    });
}

结果可以在这里看到：http://jsfiddle.net/yynsbrat/2/

我将继续与团队合作解决这个问题，但在此之前我希望这种方法能够在此期间为您提供帮助。

Cursor/caret 通过 IE 中的覆盖层流血

Cursor/caret bleeding through overlay in IE

html

css

internet-explorer