I have a situation where I would like to use the Telerik popup control to show the user a status message on a page that is opened as a Modal dialog using Shell.Current.PushModalAsync. The problem is that when I open the popup on an iPad it is showing halfway off the right hand side of the dialog rather than centered. The popup shows properly when it isn't in a dialog and when opened from a dialog on an iPhone.
This is what it looks like:
Reproducible sample is attached below.
Any ideas why this would be happening?
Thanks,
Greg
1 Answer, 1 is accepted
Hi Greg,
Thank you for the provided image and project.
I tested the scenario and reproduced the behavior on iPad simulator. The project works as expected on MacCatalyst, iPhone, Windows and Android.
I have logged the behavior as a bug report on your behalf. You can follow the item at this link: https://feedback.telerik.com/maui/1599222-popup-isn-t-centered-on-ipad-when-inside-a-shell-modal-dialog-with-presentation-style-formsheet
Solution:
Set it to FullScreen:
On<iOS>().SetModalPresentationStyle(UIModalPresentationStyle.FormSheet);
Regards,
Didi
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Iron
Hi Didi,
Thanks for the response and for setting up the feedback item.
I realize that setting the popup to show fullscreen will provide a workaround to the issue, but that isn't the UI that I want to implement in my application when it is running on an iPad so that won't work for me.
Hopefully the issue can be resolved soon.
Thanks,
Greg
Hi Greg,
I do not have another solution to workaround this behavior. The issue occurs in a particular shell presentation style.
Rank 1
Iron
Hi Didi,
Is there a document that describes what does or doesn't work when using a Form Sheet? In order to make my UI decisions I'd like to know what else I might run into if I decide to not use the Popup and keep going down the FormSheet path.
My comment above about getting the issue resolved had more to do with fixing the problem in the product than you providing another workaround. Based on your comment above, please correct me if I'm wrong, it doesn't sound like there is anything that can be done on Telerik's side to fix the problem with the product. My options are then to use FullScreen on iPads or to not use the Popup control on dialogs. Is this correct?
Thanks,
Greg
Hi Greg,
We haven't been reported such an issue before. You have reported it and I opened a bug report on your behalf.
We have the Telerik UI for .NET MAUI feedback portal where you can check the logged features and bug reports for the Telerik .NET MAUI product. The behavior is an issue in the control, issues and missing features are not described in the documentation.
The reported behavior happens when a particular shell presentation style is used and only on iPad. The popup control is not positioned correctly. The bug is logged and the status is Unplanned which means: Valid bug report not scheduled for implementation yet. I cannot commit a time frame when a fix for this issue will be provided. It depends on various reasons, planning, severity of the issue, etc. If you want to use the popup on iPad, the option is to change the shell presentation style to FullScreen.
Rank 1
Iron
Hi Didi, I just wanted to add that the combobox control has a similar issue. See the included screenshot (sorry for the large size, I couldn't select it to allow me to resize it):
Hi Greg,
The behavior happens with a ComboBox control as the ComboBox DropDown is a RadPopup control. We use the RadPopup control internally in ComboBox, All Pickers and AutoComplete.