New issue
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
【无障碍化】含inputItem type='money'金额编辑框的页面界面底部有连续冗余焦点 #2419
Labels
Comments
It will be better to write your issue/comment in English, so more people can understand you. |
KgTong
added a commit
that referenced
this issue
May 13, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by addging role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
KgTong
added a commit
that referenced
this issue
May 13, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by addging role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
KgTong
added a commit
that referenced
this issue
May 13, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by adding role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
KgTong
added a commit
that referenced
this issue
May 13, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by adding role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
KgTong
added a commit
that referenced
this issue
May 14, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by adding role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
KgTong
added a commit
that referenced
this issue
May 14, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by adding role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
KgTong
added a commit
that referenced
this issue
May 17, 2018
The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by adding role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418
warmhug
pushed a commit
that referenced
this issue
May 18, 2018
…2538) * Fix(inputitem): add wai-aria suppport for the money type InputItem The money type InputItem is simulated with the div tag, rather than the origin input tag. To support wai-aria needs a little more work, for the div tag, by adding role of `textbox` make div perform like input in aria mode For the CustomKeyboard, it will lead to wrong focus when not adding aria supoort for backspace and keyboard canceling Fixed: #2419, #2418 * Fix(inputitem): remove extra useless custom keyboard instance In the money type of InputItem, the CustomKeyboard will create as many times as the InputItem is used.The inner variable `customNumberKeyboard` will point to the latest custom keyboard instance which can avoid the repeat appearing animation. But when the InputItem is render async, since the `customNumberKeyboard` points to the latest custom keyboard instance, the operation for previous custom keyboard instance such as add hidden class will be invalid To Solve this problem, remove the useless instances of custom keyboard everytime one InputItem is being blured Fixed: #2475
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Version
2.1.8
Environment
Android&iOS
Reproduction link
https://mobile.ant.design/kitchen-sink/components/input-item?lang=zh-CN#input-item-demo-0
Steps to reproduce
1、Android开启语音助手 或 iOS开启OviceOver
2、触摸业务页面底部最后一个可见的控件
3、单指向右连续扫动浏览
What is expected?
没有这一串焦点。
What is actually happening?
聚焦到连续的冗余焦点,分别朗读为“1”“2”“3”“4”“5”“6”“7”“8”“9”“确定”“句点”“0”。
type为其他类型的输入框无此问题。
当定位页面底部最后一个控件后,通过单指向右连续扫动(这样会将焦点移动到下一个控件并朗读),会读出隐藏的H5键盘的内容(iOS上也有此问题,表现现象同Android略有差异)
The text was updated successfully, but these errors were encountered: