material-ui [自动完成] 防止移动设备上的键盘交互 - [可搜索的] prop

tf7tbtn2  于 4个月前  发布在  其他
关注(0)|答案(7)|浏览(55)

重复问题

  • 我搜索了现有的问题

最新版本

  • 我测试了最新版本

摘要💡

你好,
我目前正在使用自动完成组件 ->
"@mui/material": "^5.13.5",
"@mui/system": "^5.13.2",
"@mui/utils": "^5.13.1",
我正在寻找一个属性,可以让我阻止原生移动设备上的键盘交互。
是否有任何[searchable]或其他属性可以实现这种行为?
在react-select组件中,它们有一个searchable属性实际上就是这样做。
有什么想法吗?
谢谢。

示例🌈

  • 无响应*

动机🔦

  • 无响应*
svdrlsy4

svdrlsy41#

我不确定你的意思。你想阻止用户在自动完成功能中输入文本吗?

iq3niunx

iq3niunx2#

你好,
是的,我需要防止在用户点击自动完成组件(获得焦点时)弹出原生键盘。

e3bfsja2

e3bfsja23#

用户如何与组件进行交互?也许你需要一个 Select ?

z9ju0rcb

z9ju0rcb4#

好的点子。
我们考虑过,但我们希望能够像这样控制它:
第一次点击将打开选项,不会触发键盘交互。
第二次点击输入部分将进行键盘交互。
我们仍然需要在移动设备上继续搜索,但仅在用户第二次点击以“聚焦内部”组件的情况下。

t1qtbnec

t1qtbnec5#

我们没有为此准备 prop ,而且不太可能引入一个。
@ZeeshanTamboli 或 @sai6855,你们能想到任何用户界面的解决方法吗?

xxb16uws

xxb16uws6#

$MorMeshulam$ 附上了一个沙盒链接,你可以尝试一下,让我知道这是否是你正在寻找的。当前版本不像默认的 $x_1^m_0^n_1^x$ 那样容易访问,但它可能是一个对你来说很好的起点。

rkkpypqq

rkkpypqq7#

你好,谢谢你的反馈。我会研究一下你的解决方案。从第一眼看起来它似乎不起作用。https://github.com/mui/material-ui/assets/8437706/e8797674-4bd5-438e-82fd-2bc60910fe59 键盘由于某种原因在视频中没有完全显示出来,但你可以看到它的上边界......

2023年6月20日星期二,sai chand ***@***.***>写道: @MorMeshulam < https://github.com/MorMeshulam > 以下是一个沙箱链接,你可以尝试一下,并告诉我这是否是你想要的。当前版本不像默认的自动完成那样容易访问,但它可能是一个很好的起点。https://codesandbox.io/s/bold-https-p8hw8r?file=/demo.tsx ——直接回复此电子邮件,查看GitHub上的#37641(评论),或取消订阅 < https://github.com/notifications/unsubscribe-auth/ACAL7SX4M2ZRB6GOEZBGFATXMEI4ZANCNFSM6AAAAAAZLYF5WE > 。你收到这封邮件是因为有人提到了你。消息ID: ***@***.***>

相关问题