material-ui 模态组件如何防止调整大小低于模态宽度?
How is it that material-ui modal component prevents resizing below width of modal?
我一直在寻找一种方法来防止 Chrome 浏览器 window 在桌面上查看我的网络应用程序时将其调整到特定宽度以下。
话虽如此,我最近注意到我用于登录的 material-ui 模态组件在常规浏览器中查看时无法调整为小于其宽度 window(但如果从通过选择 "More tools --> Create shortcut..." 并勾选 "Open as window..." 框创建的 Chrome 快捷方式查看,则可以)。
我的问题是,Material-UI 模式阻止调整大小的原因是什么?我想重现这种行为,而不用做一些骇人听闻的事情,比如将我的整个应用程序包装在一个模态中。
到目前为止我读过的所有线程要么表明大多数浏览器不再允许这样做,要么包含在我尝试时不起作用的解决方案。
我的模态代码在这里:
https://github.com/jehillert/timelockr-client/blob/master/src/components/forms/AuthModal.jsx
可在此处找到该代码的演示:
https://timelockr.hillert.dev/
请注意,即使我用空 div.
替换模态的子项(即选项卡和对话框组件),调整大小行为仍然存在
据我所知,这与Material-UI无关。无论内容是什么,Chrome 似乎都表现相同(例如,我在显示此 Whosebug 页面的 Chrome window 上看到相同的行为)。似乎阻止你小于 500px。
我一直在寻找一种方法来防止 Chrome 浏览器 window 在桌面上查看我的网络应用程序时将其调整到特定宽度以下。
话虽如此,我最近注意到我用于登录的 material-ui 模态组件在常规浏览器中查看时无法调整为小于其宽度 window(但如果从通过选择 "More tools --> Create shortcut..." 并勾选 "Open as window..." 框创建的 Chrome 快捷方式查看,则可以)。
我的问题是,Material-UI 模式阻止调整大小的原因是什么?我想重现这种行为,而不用做一些骇人听闻的事情,比如将我的整个应用程序包装在一个模态中。
到目前为止我读过的所有线程要么表明大多数浏览器不再允许这样做,要么包含在我尝试时不起作用的解决方案。
我的模态代码在这里: https://github.com/jehillert/timelockr-client/blob/master/src/components/forms/AuthModal.jsx
可在此处找到该代码的演示: https://timelockr.hillert.dev/
请注意,即使我用空 div.
替换模态的子项(即选项卡和对话框组件),调整大小行为仍然存在据我所知,这与Material-UI无关。无论内容是什么,Chrome 似乎都表现相同(例如,我在显示此 Whosebug 页面的 Chrome window 上看到相同的行为)。似乎阻止你小于 500px。