search

NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.86k stars 3.91k forks source link

Close date-picker when new one is opened/focused #5342

Closed junekpavel closed 3 years ago

junekpavel commented 4 years ago

Reproduction link

https://codesandbox.io/s/wq3ow

Steps to reproduce

Happens when navigating form via keyboard when there are more date pickers at row. Just open first date picker, press tab (so the next one will be focused) and press enter (so the next one will be opened). But the previous opened date picker won't close. So there are two (or even more) pickers opened at the same time.

What is expected?

When new date picker is opened (or just focused) the currently opened one should be closed.

What is actually happening?

More date pickers are opened at the same time: https://www.dropbox.com/s/6bcsw86h1xilcz6/ngzorro-datepicker.mov?dl=0

Environment Info
ng-zorro-antd 9.1.2
Browser Chrome 83
sainisagar310 commented 4 years ago

+1

Facing the same issue. When we have multiple date-pickers in a form so the next date-picker should open when it gets focused through tab key and the previous one should get closed.

Looking forward to getting it fixed in the next coming releases.

NZ-ZORRO DatePicker Accessibility Issue

wenqi73 commented 3 years ago

Has Supported this in 11.4.1