Opening and closing a dropdownlist prevents focus event on other controls

[Mike Sowerbutts]

Hi,

I have a dropdownlist component in a dialog which is causing other components to not be clickable/focusable. 

• I open the New Department dialog, type into the text box (not syncfusion component) , click ok. It works fine.
• I open the Add contact dialog, open/close the dropdown list, then close the dialog.
• I then open the add department dialog again, with a text box component (not syncfusion component), and I can't click/focus on the text box at all. It is still receiving a hover event (some CSS changes the text box border colour on hover). 
• I also sporadically see the same issue with the syncfusion rich text editor component in the add contact dialog after interacting with a dropdownlist component, closing the dialog and re-opening it

I have attached an animated gif screen recording showing the issue (Issue.gif)

Note that this issue ONLY occurs when I have interacted with the dropdownlist component.

I am currently on "@syncfusion/ej2-react-dropdowns": "^20.4.54", which I realise is out of date, but I also tried upgrading to the latest version and it didn't fix the issue.

I have checked for browser console errors, and changes to the markup/CSS styles of the affected text box component instance and don't see any issues/changes there.

A related issue I see is that clicking the "value" (i.e. not the dropdown arrow) or the dropdown arrow of the dropdownlist component instance doesn't always trigger the dropdown to be shown consistently (Issue2.gif) note that in this recording it doesn't highlight mouse clicks, but I am constantly clicking to trigger the show/hide of the dropdown list.

I had to zip the 2 gif recordings as it wouldn't let me upload them without doing so..

Thanks

Attachment: Issues_12a6ccf2.zip

[Sureshkumar P]

Hi Mike,

We have confirmed the reported issue is an issue at our end and this fix will be included in any one of our upcoming patch releases.

You can track the status of this issue from the below feedback.

Feedback: https://www.syncfusion.com/feedback/42021

Disclaimer: The inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization

Regards,

Sureshkumar P

[Mike Sowerbutts]

Hi,

Sorry for the slow reply. My wife gave birth last Thursday, so its been a very busy few days.. Can I have a ballpark date? This is quite a significant bug for me (the user flow of my app will mean this bug occurs every time the user uses the app)

Thanks,

Mike

[UdhayaKumar Duraisamy]

Hi Mike,

Congratulations on the new addition to your family! I hope both your wife and the baby are doing well.

Regarding the bug you reported, We apologize for any inconvenience it has caused. The good news is that the fix for the issue is planned to be included in one of our upcoming patch releases. Based on our current estimations, you can expect the fix to be included before the middle of June.

Thank you for your patience, and if you have any further questions or concerns, please feel free to let us know.

Best regards,

Udhaya Kumar D

[Mike Sowerbutts]

i just upgraded the packages today and its working - thanks!

[UdhayaKumar Duraisamy]

Thanks for the update. Please get back to us if you need any further assistance.

[Unknown]

I have upgraded the package and im still facing this issue.. can u pls help me out?

[Kokila Poovendran]

Hi kavya nathan,

 

We have validated the reported query on our end. Unfortunately, we weren’t able to reproduce the reported issue as per your scenario. We have created the sample kindly refer the bellow sample.

 

Sample:  https://stackblitz.com/edit/react-ut4jux-ywdpza?file=package.json,index.js

 

 

Also, we request that you provide additional details about the issue, as mentioned below. This will help us validate the issue further and provide you with a better solution.

• Issue a reproducible sample (or modify the shared sample as per your scenario).
• Your Syncfusion package version.

 

Regards,

Kokila Poovendran.