react modal experiment 源码

全屏移动模式。它能有多难? 。 想象一下,除了传统输入之外,您还需要实现一个便于移动的表单,您还需要实现全屏无限日历和全屏组合框。让我们谈谈“全屏”。您期望它有多难?应该并不难-只需使用具有z-index和固定位置的全屏div。正确的?那就是我的想法。 尝试次数1 让我们使用div覆盖所有屏幕 . FullScreenOne { position : fixed; bottom : 0 ; left : 0 ; right : 0 ; top : 0 ; z-index : 1 ; background : # fff ; } 它的工作原理,但用户可以(在iOS或^和⌄)使用Tab键移动光标模式出来。 尝试次数2 使用“ (除了以前的解决方案之外)。 Dialog将在document.body根目录上的所有节点上设置aria-hidden ,当前活动的对话框除