Skip to content
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

Tabs 中存在多个 input 时,使用 tab 键能切换焦点但 TabPane 却无法显示 #11261

Closed
hsuanxyz opened this issue Jul 13, 2018 · 3 comments
Assignees

Comments

@hsuanxyz
Copy link
Contributor

@hsuanxyz hsuanxyz commented Jul 13, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.6.6

Environment

Google Chrome 67.0.x

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. 点击 Tab1 Tab2 Tab3
  2. 回到 Tab1 或 Tab2
  3. 使 input 聚焦,按下 tab 键切换焦点

What is expected?

在切换焦点时同时切换 TabPane,或者阻止 tab 键。

What is actually happening?

input 被切换焦点,TabPane 却无法显示


ref: NG-ZORRO/ng-zorro-antd#1821

@ant-design-bot
Copy link
Contributor

@ant-design-bot ant-design-bot commented Jul 13, 2018

Translation of this issue:


Tabs When there are multiple inputs, use tab to switch focus but TabPane cannot display

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.6.6

Environment

Google Chrome 67.0.x

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. Click Tab1 Tab2 Tab3
  2. Back to Tab1 or Tab2
  3. Focus the input and press the tab key to switch the focus

What is expected?

Switch TabPane at the same time when switching focus, or block tabs.

What is actually happening?

Input is switched focus, TabPane is not displayed


Ref: NG-ZORRO/ng-zorro-antd#1821

zombieJ referenced this issue in react-component/tabs Jul 18, 2018
@zombieJ
Copy link
Member

@zombieJ zombieJ commented Jul 18, 2018

fixed in rc-tabs@9.3.1. Thanks for feed back.

@zombieJ zombieJ closed this Jul 18, 2018
afc163 added a commit that referenced this issue Jul 29, 2018
@afc163 afc163 reopened this Aug 6, 2018
afc163 added a commit to react-component/tabs that referenced this issue Aug 6, 2018
@afc163 afc163 closed this in b6e9646 Aug 6, 2018
@afc163
Copy link
Member

@afc163 afc163 commented Aug 6, 2018

react-component/tabs@1194be5 introduced #11621 and I just change another way above to resolve it.

@zombieJ

zombieJ added a commit to react-component/tabs that referenced this issue Nov 29, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
4 participants