我想在AccordionSummary
中添加一个Autocomplete
组件,但当我单击它时, accordion 展开并具有focus
状态。
我试着阻止传播,但它不工作。
如何停止传播,使 accordion 不展开,也不具有焦点状态?
下面是一个可复制的例子:https://codesandbox.io/s/damp-cdn-k46ut6?file=/src/App.tsx:333-349
谢谢你,谢谢
我想在AccordionSummary
中添加一个Autocomplete
组件,但当我单击它时, accordion 展开并具有focus
状态。
我试着阻止传播,但它不工作。
如何停止传播,使 accordion 不展开,也不具有焦点状态?
下面是一个可复制的例子:https://codesandbox.io/s/damp-cdn-k46ut6?file=/src/App.tsx:333-349
谢谢你,谢谢
1条答案
按热度按时间nc1teljy1#
更新(10-16-23)
Input
组件的focus
事件冒泡,导致它为AccordionSummary
组件触发。在Input
处停止传播就成功了。参见更新的codesandbox。原件
要停止mui
Autocomplete
组件上的传播,您需要在呈现的Input和Listbox组件中覆盖onClick
事件。有关自动完成API的详细信息,请参阅Autocomplete documentation。