We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
5.34.0
No response
https://codesandbox.io/p/sandbox/clever-sky-q4t5wl
如图,我想点击帮助icon查看提示信息,结果激活了表单,底下弹出了轮盘把提示信息遮挡了
The text was updated successfully, but these errors were encountered:
这里似乎源码没有阻止冒泡,看下要不要修这个bug
const labelElement = !!label && ( <label className={`${classPrefix}-label`} htmlFor={htmlFor}> {label} {requiredMark} {help && ( <Popover content={help} mode='dark' trigger='click'> <span className={`${classPrefix}-label-help`} onClick={e => { // 这里源码没有阻止冒泡 e.preventDefault() }} > <QuestionCircleOutline /> </span> </Popover> )} </label> )
或者还有一个办法,你可以传一个定制的label进去,不要用help属性,把label定制成你想要的文本和图标,然后图标点击事件的时候阻止冒泡
Sorry, something went wrong.
@damonyoungcc 感谢回复~自定义 label 这个方案在业务里可能不太行,因为我是通过 form-render-mobile 生成的表单。从 antd mobile 库本身修复会更合适,其他用户应该也有类似问题
Successfully merging a pull request may close this issue.
Version of antd-mobile
5.34.0
Operating system and its version
No response
Browser and its version
No response
Sandbox to reproduce
https://codesandbox.io/p/sandbox/clever-sky-q4t5wl
What happened?
如图,我想点击帮助icon查看提示信息,结果激活了表单,底下弹出了轮盘把提示信息遮挡了
Relevant log output
No response
The text was updated successfully, but these errors were encountered: