出现“重新设置”框，然后使用firefox在页面加载时消失

编程问答 2022-11-12

问题描述

它看起来像这样，出现了一个框，并在其中放置了很短的时间，然后消失了。

这仅在服务器上发生，而不在本地版本上发生

enter image description here

我正在使用recaptcha 

<div className="m-auto m-sm-0 g-recaptcha" data-sitekey="my-site-key"></div>

并将其放入此表单

    <form id='emailForm' className={className} onSubmit={sendEmail}>
                {['Name','Email','Subject','Message'].map(label => (
                    <div className='row form-group' >
                        <label className="col-sm-2" >
                            {label}
                        </label>
                        <div className='col-sm-10'>
                            <FormControl label={label} page={page} />
                        </div>
                    </div>
                ))}
                <div className='row ml-auto col-sm-10'>
                    <div className="m-auto m-sm-0 g-recaptcha" data-sitekey="my-site-key"></div>
                    <div className='form-group ml-auto mb-md-auto'>
                        <button className='btn btn-primary mt-2 mt-sm-0 mr-2' type="submit">Submit</button>
                    </div>
                </div>
            </form>

我无法填写表格并发送电子邮件。当我单击“提交”时，没有任何反应，因为未单击Recaptcha。

我正在使用Gatsby并将网站托管在Netlify上

这与css-purge有关系吗？在我将/rc-*/,添加到css-purge的白名单模式中之前，本地构建中也缺少该框

使用 chrome 或 Safari

不会发生此问题

修改

它仅在某些时候发生，我无法识别出模式！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gatsbynetlifyreactjsreactjsrecaptcha