the DropDownList shows more element than in the datasource

Hi, Updating SyncFusio blazor to the latest version (19.2.0.47) I noticed that in the component dropdownlist some elements are repeated, which do not exist in the data source and in fact if you move with the up / down arrow keys the cursor never goes on these elements while clicking with the mouse is selected. it is a behavior that has been present for at least two updates and in fact I was hoping that in the last one it was corrected but instead it still persists.

I hope it will be resolved soon. thank you



11 Replies

BC Berly Christopher Syncfusion Team July 20, 2021 02:32 PM UTC

Hi Salvatore, 
  
Greetings from Syncfusion support. 
  
Before proceeding the reported issue, can you please share the below details that will help us to check and proceed further from our end.  
  
·       Code example of DropDownList component rendering 
·       Video demonstration for the reported issue  
·       Simple sample (if possible) 
  
Regards, 
Berly B.C 



SA Salvatore July 20, 2021 03:48 PM UTC

Hi,

the sample code is this (but in my code there are others place with similar code)

SnippetSnippet
<SfDropDownList TValue="byte" TItem="DropdownFields" @bind-Value="@Signal"
                DataSource="@GetTsdAvailable()" FloatLabelType="@FloatLabelType.Always"
                Placeholder="@ItemLabel" Enabled="@ElementEnabled">
    <DropDownListFieldSettings Value="Id" Text="Text"></DropDownListFieldSettings>
</SfDropDownList>

I notice that this behavior is present in dropdownlist where the datasorce is built a run time.

regards




SA Salvatore July 20, 2021 04:04 PM UTC

hi, attached to this a little video of dropdownlist behavior.

The item "nessuna" is repeated more than one time.


regards


Attachment: Sequence_01_1_43234cca.zip


BC Berly Christopher Syncfusion Team July 21, 2021 10:38 AM UTC

Hi Salvatore, 
  
Thanks for sharing information to us. 
  
Based on the shared details, we checked the DropDownList component by rendering the data source with same item. But the reported issue is not occurred at our end. So, we have prepared the sample and attached it below, 
  
  
Screenshot: 
  
 
  
Please check the shared sample and modify the sample with the reported issue else share data source details that will help us to check and proceed further from our end. 
  
Regards, 
Berly B.C 



SA Salvatore July 21, 2021 03:16 PM UTC

Hi, I tried your example, I changed it in every way but I can't even reproduce the problem in the example app you sent me.

In my project I keep seeing the correct datasource but in the view I always see an extra item which is always the one linked to @ bind-value, but not always. In some cases, in the same way, the DDL works fine.

Finally I added a classic select in the blazor code to see if there was a problem with the data but the select shows the list correctly. as you can see in the images that I am attaching.

One last test I did by replacing the property used in the @ bind-Value with a standard property such as

byte? propertyname {get; set;}

instead of using a property, always byte ?, but which in the get and in the set modify another property (not nullable) and in this way the problem does not occur.

Problem is, I did the same thing in the sample app you sent me and it works great that way too.


I hope you have some idea of ​​what it may be or what I can do to understand


Attachment: Pictures_af6497a2.zip


BC Berly Christopher Syncfusion Team July 22, 2021 01:04 PM UTC

Hi Salvatore, 
  
Sorry for the inconvenience caused. 
  
We have checked the DropDownList component in the following cases. But the reported issue is not occurred at our end.  
  
  1. Assigning the same id and text for the multiple items in the data source.
  2. Assigning the bind-value attribute value with repeated item in the component.
  3. Define the bind-value attribute without getter and setter function.
  4. We have checked the DropDownList component with TValue as byte and byte?
  
So, please share the below requested details that will help us to replicate the issue and explain the cause of it in our end. Also, we suggest you to confirm that the issue has been resolved by upgrade the Syncfusion NuGet to the latest version (19.2.0.48). 
  
  • Code snippet of Syncfusion component / Classic DropDownList component rendering
  • Code snippet of data source along with assigning part of it.
  • Simple issue reproducing sample (if possible).
  
Regards, 
Berly B.C 



SA Salvatore August 26, 2021 08:22 AM UTC

hi, unfortunately I was unable to replicate the error in a sample app so I had to replace all SfDropDownList with the classic select / option. Also, in a post on SfTextBox (ID 168294) I have a problem that I can't solve, not even with your suggestions. At this point I think I have some problem with the Syncfusion library which in my current application is not working as it should. Since I cannot recreate the app, because it is too far in development, I wanted to ask you if there is a way to understand what can affect the behavior of the library.

waiting for your kind reply

kind regards



TR Tejaswini Reddy Mara August 26, 2021 04:33 PM UTC

hello Salvatore,

I happened to encounter similar issue ( 168297 ) in sfdropdownlist. I noticed there was a "datatype" mismatch between Datasource's Tvalue and @bind-value item for my code. My issue got resolved when datatype was matched.


Regards

Tejaswini



BC Berly Christopher Syncfusion Team August 27, 2021 05:41 AM UTC

Hi Salvatore, 
  
We are glad to know that the issue is resolved at your end. Please let us know if you need further assistance on this. 
  
Regards, 
Berly B.C 



SA Salvatore October 28, 2021 04:23 PM UTC

Hello Tejaswini

sorry for the delay with which I reply but I confirm that the problem is exactly what you indicated.

thank you very much for the tip

Regards

Salvatore



RP Ranjani Prabakaran Syncfusion Team October 29, 2021 06:20 AM UTC

Hi Tejaswini, 

Thank you for providing the prompt suggestion. Please contact us if you need further assistance in the future. 

Regards, 

Ranjani 


Loader.
Up arrow icon