기본 내장 dialog 인 HTMLDialogElement 를 Modal로 이용하는 경우 : https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal

dialog 태그를 이용하는 경우에는 #top-layer 에 Modal 을 띄우기 때문에 문서 모델 z-index 의 최상위로 인식 시켜 z-index 우선 순위는 의미 없어짐.

그리드 속성 dialogId 를 설정하면 기존 body 의 자식으로 붙던 레이어들이 dialog를 기준으로 표시됩니다.

따라서 dialog 에 그리드를 출력한 경우 반드시 dialogId 를 설정해야 dialog 상단에 레이어들이 표시됩니다.

// 그리드 속성 설정
const gridProps = {
	...
	// 다이얼로그 ID 설정
	// dialog modal 에 그리드를 출력하고자 하는 경우 반드시 설정해야 합니다.
	dialogId: "grid_dialog"
};