Javascript reCAPTCHA在RTL页面上导致长水平滚动

当用户在reCAPTCHA v2中单击“我不是机器人”时，它会向页面添加一个

div

，如下所示：

<div style="display: block; visibility: hidden; position: absolute; width: 414px; left: -10000px; top: -10000px; height: 610px; z-index: 2000000000;">

div

包含另一个带有

gc bubbleDefault

类的

div

。由于

left:-10000px；顶部：-10000px

如何避免Google reCAPTCHA破坏我的网站

看看萤火虫的窗户。您可以在body close标记之前看到附加到页面的div。

编辑

我发现这个问题只发生在RTL页面上，因为元素的左
-10000px
为负数。谷歌使用了这样一个愚蠢的想法，真丢脸

有什么解决方法吗？
给出
溢出：隐藏在
div
上

<div style="display: block; visibility: hidden; position: absolute; width: 414px; 
            left: -10000px; top: -10000px; height: 610px; z-index: 2000000000;
            overflow: hidden;">

我可以看到您的文档中有一个
dir=“rtl”
。这也可能引起一个问题。你能把它取下来检查一下是否有效吗？如果无法删除，可以使用CSS：

body > div:last { direction: rtl; }
#colorbox + div { direction: rtl; }

或使用JavaScript：

$(function () {
  $("body > div").last().css("overflow", "hidden");
});

我也有同样的问题，我通过添加

overflow-x: hidden;

到主体元素

我可以帮你扔这个

希望它能帮助您
您能显示工作演示代码吗？隐藏溢出需要分配给父元素。它不应该工作。@Omid您能用
将它包装起来，并用这种方式将样式应用到父级
吗？reCAPTCHA正在将
div
添加到
正文的末尾。包装TCHA对它没有影响。否决票删除；）@Omid应该有办法。。。你能显示初始化代码和实时页面吗？很遗憾，不能显示在线演示。我在问题后面附上了一张图片。为什么我从来没有想到设置
overflow-x:hidden？不过，您的解决方案将同时将垂直溢出设置为隐藏，但这没有意义，感谢您分享本文！感谢Omid，这是真的，最好将overflow-x设置为hidden。我将编辑我的答案；）
overflow-x: hidden;