MDD 대화 상자 패널을 스크롤하고 닫지 않는 방법?

Question

안녕하세요 저는 각도 재료 md-dialog manel을 사용하고 있습니다.

$mdDialog.show({ 
      templateUrl: 'rt.tmpl.html', 
      parent: angular.element(document.body), 
      controller: 'SomeController', 
      controllerAs: 'vm', 
      targetEvent: event, 
      clickOutsideToClose: true, 
      multiple: true, 
      fullscreen: self.isCustomFullscreen  
     }) 

나는 알 수 있듯이 clickOutsideToClose : true (필요가 있음)를 사용합니다. 하지만 동시에 오른쪽에 스크롤바가 있습니다 (그림 참조). 문제는 내가 스크롤을 클릭하면 패널이 닫히는 것입니다. 어떻게 피합니까? 사전에

감사합니다! :)))

Answer 1

이 기본적으로 보인다는 CSS 문제가 될 수 있습니다. 기본적으로 대화 상자의 최대 높이와 ​​최대 너비는 각각 90vh와 90vw입니다. 따라서 콘텐츠가 대화 상자의 높이를 오버 플로우하면 스크롤 막대가 창이 아닌 대화 상자 안에 표시됩니다.

90vh 할 수있는 MD-대화 컨텐츠의 높이를 뺀 MD-대화 도구 모음 및 MD-대화 - 행동의 높이를 설정하십시오 :

md-dialog-content { 
    max-height: calc(90vh - $mdDialogToolbarHeight - $mdDialogActionsHeight); 
} 

Answer 2

나는

clickOutsideToClose: false, 

그것을 해결했습니다

는 MD-대화 부모에 리스너를 적용 : 지금 지느러미를 작동

var dialogContainerEl = document.getElementsByClassName("md-dialog-container")[0]; 

      dialogContainerEl.addEventListener("click", function (event) { 
       hidePanel(); 
      }); 

. 고마워!