SfPopupLayout shrinks size when text input into inputLayout/entry

[Andreas]

Dear Syncfusion-Team,

I followed your example from Xamarin Essential Studio for PopupLayout. I use the XAML code from 'FullScreenDialog'.

When the user enters text into inputLayout/ entry the whole PopupLayout shrinks to show the button/s from the footer. Thats fine, so the user can exit PopupLayout whenever he wants.

But if the user does not end the input of the entry with the 'done' button of the keyboard, instead the entry loses focus, the whole PopupLayout stays in the shrinked format (as you can see from the attached video).

Is this behavior on purpose, because I would have expected that the PopupLayout gets back to FullScreen?

Regards,

Andreas

Attachment: PopupLayout_d76bcb08.zip

[Chandrasekar Sampathkumar]

Hi Andreas, 

Thank you for using Syncfusion products. 

We have checked the reported query from our end. We have prepared simple sample based on your requirement and we regret to let you know that we are not able to replicate the reported issue. We have attached the tested sample and output video for your reference and you can download the same using the following link, 

Sample Link: Sample 

Output Video: Video 

If possible could you please replicate the issue for us in the shared sample or could you please share the following details which would be helpful for us to check on it and provide you solution at the earliest, 

• Xamarin.Forms version and Syncfusion version used in your application

Regards, 

Chandrasekar Sampathkumar 

[Andreas]

Hi Chandrasekar,

Thank you for your example! It is working as I expected it.

I tried to reproduce the behaviour from my video in your solution but did not manage it yet. 

I'm using Android 11 with Xamarin.Forms 5.0.0.2012 and SfPopupLayout 19.1.0.56. 

I updated your solution to the same szenario...and it is working fine.

I will get back to you, when I found my bug resp. what is different between our two solutions.

Regards,

Andreas

[Chandrasekar Sampathkumar]

Hi Andreas, 

Thank you for the update. We will wait for your further response. 

Regards, 

Chandrasekar Sampathkumar

[Andreas]

Hi Chandrasekar,

I attached an example (solution and video) that shows the same behavior as in my initial post.

The reason is the way I implemented SfPopupLayout into ContentPage.

Regards,

Andreas

Attachment: TestPopupLayout_b6b56e9f.zip

[Andreas]

Hello,

It is strange. Because when I try to emulate the way you implemented SfPopupLayout, then I get a 'NullPointerException' in ViewModel (s. attached Screenshot).

So two questions arise from that:

- How can this exception be prevented?

or

- How to implement SfPopupLayout in a correct way, as attached in the solution I sent yesterday?

Regards,

Andreas

Attachment: NullPointerException_97c91b41.zip

[Chandrasekar Sampathkumar]

Hi Andreas, 

Thank you for the update. 

We would like to let you know that we are able to replicate PopupLayout not resized issue in Android 11 device/emulator. We are currently working on it and provide further details on April 23, 2021. 

Regarding NullException, 

We suspect that SfPopupLayout is not being passed as CommandParameter for button. Please refer the following code snippets for more reference, 

<popuplayout:SfPopupLayout x:Name="popup"  

                            IsOpen="{Binding DisplayPopup}"> 

 

    <!--PopupLayout: Layout of Popup--> 

    <popuplayout:SfPopupLayout.PopupView> 

        <popuplayout:PopupView …> 

            <!--Header--> 

            <popuplayout:PopupView.HeaderTemplate> 

                … 

            </popuplayout:PopupView.HeaderTemplate> 

 

            <!--Content--> 

            <popuplayout:PopupView.ContentTemplate> 

                … 

            </popuplayout:PopupView.ContentTemplate> 

 

        </popuplayout:PopupView> 

    </popuplayout:SfPopupLayout.PopupView> 

 

    <popuplayout:SfPopupLayout.Content> 

        <StackLayout> 

            <Button Text="Click to open popup" VerticalOptions="Center" HorizontalOptions="Center" Command="{Binding ShowPopupCommand}" CommandParameter="{x:Reference popup}"/> 

        </StackLayout> 

    </popuplayout:SfPopupLayout.Content> 

</popuplayout:SfPopupLayout> 

Regards, 

Chandrasekar Sampathkumar 

[Andreas]

Hi Chandrasekar,

thank your for your update!

Regarding NullException

Sorry for mixing two issues in one thread. The attached solution is my attempt to emulate your sample from April 19th to my example from April 20th, which gives the NullReferenceExecption instead. Even though I integrated the reference you mentioned today.

Regards,

Andreas

Attachment: TestPopupLayout_NullException_527b9ffd.zip

[Chandrasekar Sampathkumar]

Hi Andreas, 

Sorry for the inconvenience caused. 

We need some more time to validate this issue. We will update you further details in two business days (April 27^th, 2021). We appreciate your patience until then. 

Regards, 

Chandrasekar Sampathkumar 

[Karthikraja Kalaimani]

Hi Andreas,

Thanks for your patience.

We have checked the reported issue “Popup height didn’t change when keyboard close in Android 11 devices” in our source. We actually calculate popup height when keyboard appear and disappear in LayoutChange event of the DecorView which is RootView of the application. In android 11 devices sometimes the LayoutChange event is not triggered. So only the popup height is not changed. However, we found a workaround to overcome the issue. Please refer to the below code snippet.

Code snippet :

 

<popuplayout:SfPopupLayout x:Name="popup"
IsOpen="{Binding DisplayPopup}"> 

<!--PopupLayout: Layout of Popup-->
<popuplayout:SfPopupLayout.PopupView>
<popuplayout:PopupView AcceptButtonText="Save"
AcceptCommand="{Binding PopupAcceptCommand}"
AnimationMode="SlideOnBottom"
IsFullScreen="True">
<!--Header-->
<popuplayout:PopupView.HeaderTemplate>
<DataTemplate>
<StackLayout Padding="5">
<Label FontSize="Medium"
Text="TestPopup"/>
</StackLayout>
</DataTemplate>
</popuplayout:PopupView.HeaderTemplate> 

<!--Content-->
<popuplayout:PopupView.ContentTemplate>
<DataTemplate >
<StackLayout CompressedLayout.IsHeadless="True"
Padding="5">
<Label Text="Here stands some describing text"/>
<Entry Margin="0,5,0,5" Unfocused="Entry_Unfocused"
Placeholder="enter some text"
Text="{Binding PopupEntryPurpose, Mode=OneWayToSource}"/>
<Grid ColumnDefinitions="*,*">
<Label Text="Picker"
VerticalTextAlignment="Center"/>
<Picker Grid.Column="1"
FontSize="Small"
ItemsSource="{Binding StrategyPicker}"
SelectedIndex="{Binding StrategyPickerSelectedIndex}"/>
</Grid>
<Grid ColumnDefinitions="*,50">
<Label Text="Switch Something"/>
<Switch Grid.Column="1"
IsToggled="{Binding SampleAccounts}"/>
</Grid>
</StackLayout>
</DataTemplate>
</popuplayout:PopupView.ContentTemplate> 

</popuplayout:PopupView>
</popuplayout:SfPopupLayout.PopupView> 

<popuplayout:SfPopupLayout.Content>
<StackLayout>
<Button Text="Click to open popup" VerticalOptions="Center" HorizontalOptions="Center" Command="{Binding ShowPopupCommand}" CommandParameter="{x:Reference popup}"/>
</StackLayout>
</popuplayout:SfPopupLayout.Content>
</popuplayout:SfPopupLayout> 

…

public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
} 

  

void Entry_Unfocused(System.Object sender, Xamarin.Forms.FocusEventArgs e)
{
popup.PopupView.Refresh();

}
} 

 

 

Regarding the “Null Reference exception”, we suspect that you have displayed the popup on the go (Type B), so you need to call SfPopupLayoutRenderer.Init() on MainAcitivity.cs in Android project. Please refer to the below UG document to know the Renderer Initialization for SfPopupLayout.

https://help.syncfusion.com/xamarin/popup/getting-started#android


Regards,
Karthik Raja 

[Andreas]

Hello Karthick,

Thank you for your feedback on both issues! 

Both work as you suggested, which is awesome!

Regards,

Andreas

[Karthikraja Kalaimani]

Hi Andreas,

Thanks for the update. We glad to know that the provided solution is fixed your problems. Please let us know if you need further assistance from us.

Regards,
Karthik Raja