material-ui 在移动浏览器上,当在文本字段之间移动焦点时,文本字段 Flink ,

h6my8fg2  于 3个月前  发布在  Flink
关注(0)|答案(2)|浏览(55)

重复问题

  • 我搜索了现有的问题

最新版本

  • 我测试了最新版本

当前行为 😯

我为我的项目创建了一个表单,它在桌面上运行得非常好,但当我切换到安卓时,出现了 Flink 。我以为我的条件样式会影响这种行为,所以我创建了一个干净的新项目来测试,没有任何条件样式,但在我测试过的两部手机上仍然出现了 Flink 。
Android Chrome版本:103.0.5060.70
这是屏幕录制:

预期行为 🤔

无 Flink

重现步骤 🕹

步骤:

  1. 点击文本输入框,直到显示屏幕键盘
  2. 滚动到页面底部,确保文本输入框仍在屏幕上
  3. 点击其他文本输入框查看 Flink 情况

上下文 🔦

  • 无响应*

你的环境 🌎

npx @mui/envinfo

System:
    OS: Windows 10 10.0.19044
  Binaries:
    Node: 16.15.0 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.13.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.44)
  npmPackages:
    @emotion/react: ^11.9.3 => 11.9.3
    @emotion/styled: ^11.9.3 => 11.9.3
    @mui/base:  5.0.0-alpha.88
    @mui/material: ^5.8.7 => 5.8.7
    @mui/private-theming:  5.8.6
    @mui/styled-engine:  5.8.7
    @mui/system:  5.8.7
    @mui/types:  7.1.4
    @mui/utils:  5.8.6
    @types/react:  18.0.15
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript:  4.7.4
qvk1mo1f

qvk1mo1f1#

请提供一个我们可以复制的 CodeSandbox 。(我怀疑这是因为您的CSS和布局)

z9smfwbn

z9smfwbn2#

请提供一个我们可以复制的 CodeSandbox 。(我怀疑这是因为您的 CSS 和布局)
这是代码沙盒:

预览链接:
https://2omsq2.csb.app/
请在手机上打开预览

相关问题