Open and close SfDropDownList prevents selecting other components

[Kevin Hoffmann]

Hello,

attached is a simple Blazor Web App project where I have a PropertyEditor component with a SfDropDownList, which is for showing different components when changing the selection. 

First choosing "Text" from the DropDown you will see a SfTextBox where you can enter some text.

After that I'm choosing "ATG" then you will see another SfDropDownList. Now, when you just open the underlying SfDropDownList (just open it, don't select any value from this DropDown) and closing it and then change back the previous DropDown to "Text", I'm not able to click (with the mouse) in the underlying TextBox. It's only possible to focus the TextBox with the keyboard.

See also the attached video in the ZIP file.

Do you have any idea what I'm doing wrong?

Please be patient, the attached project is just a little prototype.

Kind regards

Kevin

Attachment: PropertyEditorTest_e8ff2041.zip

[UdhayaKumar Duraisamy]

We have considered this issue "TextBox is not working properly" as a bug from our end, and the fix for the issue will be included in our upcoming weekly release which is expected to be scheduled for the end of January 2025.

You can now track the status of the feedback through the below link,

Feedback link: https://www.syncfusion.com/feedback/64475/textbox-is-not-working-properly

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

[Kevin Hoffmann]

Thank for your fast reply. I will mark this as answered when the fix has been released.

Kind regards

Kevin

[UdhayaKumar Duraisamy]

We’re pleased to inform you that the issue, "TextBox is not working properly" has been resolved in our release version 28.1.41. We recommend upgrading to latest version to address the issue.

 

Release Notes: Essential Studio for Blazor Weekly Nuget Release Release Notes

Root Cause:

The issue arose when the popup was opened, and the mousedown event was bound to the document. This event was re-bound each time the popup opened but was only removed when the component was destroyed. Consequently, if the user navigated to another page and clicked on an input element, the condition might incorrectly pass as if it were from a dropdown list, preventing the intended action.

Solution:

The fix involves removing the event listener before each new binding during the popup's open event. This ensures that the mousedown event is only added once each time the popup opens, preventing the described issue.

[Kevin Hoffmann]

Thank you. Now it works as excpeted.

[Kalpana Ganesan]

Glad It worked. Please reach out for further assistance.