여태까지 modal 컴포넌트들을 따로 제작해서 사용해왔지만 <dialog/>라는 이름으로 네이티브 엘리먼트가 등장했다.
아무래도 이리저리 요행으로 만드는것보다 기본적으로 제공된 기능으로 사용하는게 여러모로 나은점이 많을것이다.

현 시점에서 아직까지 한번도 사용해본적이 없지만 상당히 괜찮을것이라 보인다.

이 엘리먼트로 모두 다 해결할 순 없을것이고 여러가지 디테일한 이슈들을 검증해 봐야 할 것이다.

• z-index
• position
• focus
• open,close method

사용해보는 시점에서 추가할 내용이 있다면 꼬릿글로 더 보충할 것이다.

참고 URL

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
• https://www.w3schools.com/tags/tag_dialog.asp
• https://developer-joe.tistory.com/241

1개의 댓글