Home > Net >  When opening mdDialog, it scrolls down the dialog instead of showing the part on top
When opening mdDialog, it scrolls down the dialog instead of showing the part on top

Time:02-03

You can observe the behavior in this link. When you click on the button "Comment" it opens the modal, shows the header / title and then scroll down inside the modal.

  <md-dialog-actions layout="row">
    <md-button  ng-click="cancel()">Cancel</md-button>
  </md-dialog-actions>

I think it is the md-dialog-actions tag, because when I comment it, the modal doesn't scrolls down, but I have no idea how to fix it.

CodePudding user response:

In your controller you should include the "focuOnOpen: false" in your showDialog function, just like the following:

showDialogDonation() {
    this.dialog = this.$mdDialog.show({
      focusOnOpen: false,
    });
}
  • Related