We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Max-Height being applied dynamically

Thread ID:





141591 Dec 19,2018 02:39 PM UTC Dec 20,2018 03:23 PM UTC Angular - EJ 2 2
Tags: Dialog
Joe Zuber
Asked On December 19, 2018 02:39 PM UTC

We're using the ejs-dialog on a number of screens to pop a confirmation. We are not setting the max-height on either screen, however at render both screens have a max-height applied at element.style. This seems to be calculated, perhaps from the size of the form, however it's very different number from one screen to the next. 15px in one case and 259 in another. In the case of 15px it can't be overwritten, even if I specify a max-height, height, or min-height on the control itself. This is causing odd looking scrolling issues on the dialog. 

Paul Kocher
Replied On December 19, 2018 03:20 PM UTC

I had the same problem with one of the dialogs.

Was able to fix this by adding this to my scss file of the component which holds the ejs-dialog:

ejs-dialog {
max-height: 775px !important;

Tried adding max-height via selectors but failed. The above works

Prince Oliver [Syncfusion]
Replied On December 20, 2018 03:23 PM UTC

Hi Joe, 

Thank you for using Syncfusion products. 

During initial rendering, setting max-height style to dialog element is not an issue and this is the default behavior of dialog component. For the below reasons, we have provided the max-height style, by default in dialog component.  
  • The dialog component should be placed with-in that target area. If height is not specified to dialog component, it will get the height based on the target element’s height.
  • If you have specified larger height than the target’s height, the dialog gets the height based on that target element height and it overrides by max-height style property.
  • If suppose, the target element’s height is larger than view port height, the dialog gets the height based on the viewport’s height.
  • You can’t override this max-height, because we have provided this style as inline to dialog element.
Could you please share addition information to replicate the odd dialog scrolling issue? this is will help us provide a prompt solution at the earliest. 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon