1. Home
  2. Forum
  3. Blazor
  4. MultiSelect issue on IOS Mobile Browsers

MultiSelect issue on IOS Mobile Browsers

Hello, 

I am trying to implement a SfMultiSelect inside an SfDataForm, all living inside of an SfDialog component. There is an issue, only present on IOS mobile browsers when attempting to click into the MultiSelect input, the element does not maintain focus, kicking the user out of the input before a value can be entered. Holding the click holds the focus and if the touch is held and dragged down into the keyboard, the focus on the element persists.


Here is a link to a playground containing sample code, though it will not run as the playground does not have support for the SfDataForm component: https://blazorplayground.syncfusion.com/rNVIXqLiQfyYHbHA

A gif is attached demonstrating the behavior using the code in the playground sample:


Please advise on how to resolve this issue.


Best,

Hunter


4 Replies
HM Hunter Malley March 21, 2025 09:07 PM UTC

Please the video attached.


Attachment: SfMultiSelect_bug_dd45fc06.zip

YS Yohapuja Selvakumaran Syncfusion Team March 24, 2025 01:33 PM UTC

Hi Hunter Malley,

Thank you for sharing the sample and the video illustrating the issue.

We have tested the reported behavior on both a real iPhone and an emulator, and in our testing, the MultiSelect popup opens as expected. For your reference, please find the attached illustration demonstrating our results.




Based on the shared video, we noticed that you are using an iPhone 16. We have also tested the scenario on the same device in the emulator but were unable to reproduce the issue.

Here are a few details that would help us further investigate this:

  • Did this issue start occurring after upgrading the Syncfusion package? If so, please share the package version details.

  • Does this issue occur only on a real iPhone device, or does it also happen in an emulator?

  • Are you facing this issue on any specific iPhone models? If yes, please share the device details.

  • Does the issue persist when using the standalone MultiSelect component outside of SfDataForm and SfDialog?

Additionally, here is a sample that demonstrates the expected behavior:

Sample:  https://blazorplayground.syncfusion.com/BthIjKBJpWJvsMhy


Regards,

Yohapuja S




HM Hunter Malley March 24, 2025 02:05 PM UTC

Hello,


Thank you for your response. To address your questions:


  1. I do not believe the issue started occurring after a particular upgrade. My packages are currently on version 28.2.11
  2. The issue occurs on both real iPhone devices as well as an emulator.
  3. The issue is not model specific and is consistent across at least: iPhone 15 (real), iPhone 12 (real), and iPhone 16 (emulated). While those are the only models I can confirm at the moment, the issue is not device model dependent.
  4. The issue is not present when the MultiSelect is outside of both the SfDataForm and SfDialog components, nor when the MultiSelect is just inside an SfDataForm, but outside an SfDialog.

One thing I will note about the playground example you provided is that the onscreen keyboard does not pop up when focusing on the element. Could you, by chance, attempt to recreate it using my sample on a regular Blazor page, not in the playground? I would expect the issue to occur when you do. 

Best,
Hunter

YS Yohapuja Selvakumaran Syncfusion Team April 2, 2025 05:13 AM UTC

Hi Hunter Malley,


Thank you for your detailed response and for sharing additional insights regarding the issue.

We have tested the scenario by integrating the keyboard and examining the MultiSelect component within the DataForm and Dialog. However, we were unable to reproduce the flickering issue on our end. In our tests, both the keyboard and the popup opened as expected without any inconsistencies.




Additionally, we would like to highlight that we have made several feature improvements and internal fixes in recent updates. To ensure you have the latest enhancements and bug fixes, we highly recommend upgrading to the latest Syncfusion package version (29.1.33) and verifying if the issue persists.

Please let us know if the problem still occurs after upgrading. If so, we would appreciate a minimal reproducible sample or further details on your implementation so that we can investigate this further.

We look forward to your response and are happy to assist you further.


Regards,

Yohapuja S


Loader.
Up arrow icon