Popup in a modal dialog on iPad isn't centered

1 Answer 78 Views
Popup
Greg
Top achievements
Rank 1
Iron
Greg asked on 24 Feb 2023, 05:41 PM

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

Sort by
0
Didi
Telerik team
answered on 27 Feb 2023, 01:07 PM

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.

Greg
Top achievements
Rank 1
Iron
commented on 27 Feb 2023, 03:28 PM

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

Didi
Telerik team
commented on 28 Feb 2023, 03:20 PM

Hi Greg, 

I do not have another solution to workaround this behavior. The issue occurs in a particular shell presentation style. 

Greg
Top achievements
Rank 1
Iron
commented on 28 Feb 2023, 05:32 PM

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

Didi
Telerik team
commented on 01 Mar 2023, 08:20 AM

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. 

Greg
Top achievements
Rank 1
Iron
commented on 04 Mar 2023, 10:02 PM

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):

Didi
Telerik team
commented on 06 Mar 2023, 06:49 AM

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.

Tags
Popup
Asked by
Greg
Top achievements
Rank 1
Iron
Answers by
Didi
Telerik team
Share this question
or