ejs-daterangepicker breaking layout on popup

[Vicente José]

Hello :

In an Ionic application, when daterangepicker popup is displayed, the layout is broken. When I accept the selected dates and popup blurs, the layout remains broken until I tap anywhere in the screen.

I attach a a screen capture video with the problem.

How can I fix this?

Attachment: daterangepicker.mp4_e3c82098.zip

[Berly Christopher]

Hi Vicente, 

  

Greetings from Syncfusion support. 

  

Based on the provided code, we could not replicate the issue at our end since you have faced the issue in the component which are rendered in the page. So, please share the issue reproducing sample or code snippet for all components rendering in the page that will help us to check and proceed further at our end. 

  

Regards, 

Berly B.C 

[Vicente José]

Hello :

I fixed my problem disabling keyboard scroll up globally in IonicModule.forRoot(scrollPadding: false).

I don't know why the keyboard event is dispatched when it is not displayed at all (allowEdit is false).

At the moment, there is no other places in my app where I need keyboard scrollPadding to be true, but how can I avoid the keyboard event dispatching if I need to activate back this setting to true?

Thanks.

[Berly Christopher]

Hi Vicente, 

  

While checking the provided video, the issue occurs in the mobile mode. So, please share the issue reproducing mobile details and configuration with us. This information will help us to check and proceed further at our end. 

  

Regards, 

Berly B.C 

[Vicente José]

Hello :

Yes, the problem is in mobile mode. But I don't understand what do you mean by 'mobile details and configuration'.

Is an @ionic/angular 5.5.1 app. Previously to my workaround, it was registered at app.module.ts with :

IonicModule.forRoot({}),

I needed to add this to solve my problem, globally disabling the keyboard padding :

IonicModule.forRoot({

scrollPadding: false

}),

But I don't know why the scrollPadding is needed if the keyboard is not revealed.

 

[Berly Christopher]

Hi Vicente, 

  

Thanks for sharing the information. 

  

We are glad to hear that you have found the workaround solution. Please share information about the mobile device, such as which device you are checking or using the application. This information will help us to further validate the issue in specific devices at our end and update the details accordingly. 

  

Regards, 

Berly B.C