So I am just about to complete my proof of concept, developing on my laptop, and decided to test on iPad. I found several critical problems with the controls and am seeking for advice on how these could be fixed.
Many controls (drop-down, dropdown with datagrid, listbox , slider etc) don't react to a "click" event -- the list of the drop down would come out, but there is no way to select an item. In a datagrid, the "RowSelect" event (to update the item) does not fire . All of these are working fine on my laptop and on my iPhone though.
The situation is the same with the Radzen demo website, so this would not be a local issue. I've tested two iPads with the same results.
Anybody experience this, any advice on how to fix this?
I had issues on an older iPad as well with Radzen controls. The issue was the iPad was on an older version of iOS. I think v12. I upgraded the iPad OS to the latest version and that resolved my issue.
We are having this issue as well - unfortunately our users are not tech saavy and use this app once a year - so having them upgrade their iOS is not an acceptable workaround. Is this being investigated and prioritized?
We have found any device with iOS 12 and under will have this issue in Chrome and Safari. It happens sometimes with iOS 13 using Safari, and when that is the case it requires using Chrome.
https://blazor.radzen.com/dropdown
Using BrowserStack with any iOS 12 or under device (in this case iPhone XS), the drop down list is not letting you select an element.
You can find more info about this ios issue here. One of the workarounds (using cursor: pointer for the clickable elements) seems to work for the dropdown.
I wanted to follow up and add that this did fix the issue! There was a related issue that the drop-down doesn't align itself correctly in Safari if the dropdown is in a modal popup and the page is scrolled down at all - so we had to add some javascript that scrolls to the top of the page to get this working correctly.