首页 > 解决方案 > 在 iframe 中使用时是否会影响选项卡行为?

问题描述

我目前正在尝试通过一些我已经实现的反应组件(文本输入、复选框、单选按钮等)(使用 material-ui)进行选项卡。我发现在本地通过我的组件进行选项卡按预期工作,但是一旦我将它放在服务器上,它就会跳过我的复选框和单选按钮(但对文本输入进行选项卡工作正常)。

我展示我的 react 项目的网站是建立在主干上的,我基本上是在里面展示一个 iframe,里面有我的 react 项目。这是否可能对用户通过 iframe 内的组件进行选项卡的能力有一些影响?

谢谢你的帮助!

标签: javascriptreactjs

解决方案


在上面的一些帮助下,我能够弄清楚,当我在主干项目中渲染我的反应项目时,一些组件(例如我的复选框和单选按钮)被包装在一个<span>标签内,为了能够被标签化,我必须为其添加tagIndex属性。感谢大家!


推荐阅读