We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
  1. Home
  2. Forum
  3. Angular - EJ 2
  4. In Dropdown getting mutiple selection on hover.

In Dropdown getting mutiple selection on hover.

Hello,


I am using the angular syncfusion Dropdown and am facing the issue that whenever I hover on the dropdown list, it gets selected multiple times.

The issue is not continuously occurring, but it persists. On selection of any one item on the dropdown list I am getting error like core.js:6210 ERROR TypeError: Cannot read properties of null (reading 'querySelector')

I am attaching a code snippet as well as some screenshots of UI.


Thank you for your help.


Attachment: screensots_98dc7a42.zip

7 Replies
UD UdhayaKumar Duraisamy Syncfusion Team February 8, 2023 01:53 PM UTC

Hello Saikiran,


We have validated the reported query on our end by creating a sample based on the shared code snippet, but unfortunately, we were unable to reproduce the reported issue as per your scenario. We have also shared a sample for your reference. In order to assist us in identifying the problem and providing a better solution, we kindly request that you provide additional details about the issue, as mentioned below:


  1. A simple, runnable sample that illustrates the issue you are experiencing (or modify the shared sample as per your scenario).
  2. Issue replication steps.
  3. A video illustration of the issue.


Sample : https://stackblitz.com/edit/angular-canahh?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Findex.html


Regards,

Udhaya Kumar D


SR saikiran Reddy February 15, 2023 11:48 AM UTC

Hi,

Thank you for your reply

This issue is not continuously reproducing. Dropdown is implemented in Syncfusion dialog. if we contineously try to open dropdown then it occurs at some time.

I am attaching video recording for you reference.

Thank you in advance.


DR Deepak Ramakrishnan Syncfusion Team February 16, 2023 06:04 PM UTC

Hello Saikiran,


It appears that the video reference may have been missed to attach. In order to facilitate further validation, we kindly request that you attach it.


Thanks,

Deepak R.


SR saikiran Reddy February 17, 2023 05:33 AM UTC

Sorry for inconvenience

I am attaching video


Attachment: video_9e58c018.zip

UD UdhayaKumar Duraisamy Syncfusion Team February 20, 2023 08:20 AM UTC

Hello Saikiran,


After reviewing the information you provided, we have conducted tests on our end and were unable to reproduce the issue as per your scenario. To assist you further, we have shared a sample and video illustration that may be helpful in resolving the issue.


Additionally, upon reviewing the shared code snippet, we noticed that you have used the allowCustom property, which is not applicable to the DropDownList component. We recommend removing the non-applicable properties from the component and trying again.


You can refer to the below documentation to know about properties that are applicable to the DropdownList component.

https://ej2.syncfusion.com/angular/documentation/api/drop-down-list/


If you still face any issue or problem, please share the below mentioned details. Which will help us to validate the issue further and provide you a better solution.

  1. A simple, runnable sample that illustrates the issue you are experiencing (or modify the shared sample as per your scenario).
  2. Issue replication steps.


Sample : https://stackblitz.com/edit/angular-canahh-2yndc6?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

[Reference]