I T H

모바일에서 modal이 안뜬 경우 본문

참고용자료

모바일에서 modal이 안뜬 경우

thdev 2024. 2. 6. 19:18

 

modal라이브러리 또는 직접 modal을 만드는 경우 pc버전에서는 잘 뜨는데, 
모바일 버전에서 안뜨는 경우가 있다.

 

-  pc에서는 잘먹히는 더블클릭 이벤트가 모바일에서 더블클릭이 먹히지 않았다.

- modal 라이브러리로는 mui의 modal을 사용했는데, mui/material에서 제공해주는 onRowClick(), onRowDoubleClick() 이 있기에  onRowDoubleClick() 에서  onRowClick() 으로 바꿔서 사용했다.

- grid 테이블에서 클릭 이벤트시 modal이 뜨게 했다.

 

 

- onRowClick 이벤트로 바꾼후 모바일에서도 잘 먹히는 것을 볼수있다.

 

 

- 화면 사이즈를 불러와서 다르게도 처리 할 수 있지만, 이번에는 간단하게 클릭 이벤트만 바꿔서 처리했다.