VueJS 확대 축소 시 그리드 클릭 좌표 오류
페이지 정보
작성자 일반개발자 작성일 2024-05-02 17:47 조회 52회 댓글 2건본문
관련링크
사이트 내에서 확대, 축소 기능을 넣어 테스트 하던 중 이상 현상 발견하여 문의 드립니다.
body에 css zoom 속성을 이용해서 확대, 축소를 하고 있습니다.
<body style="zoom:90%"> 이런식입니다.
정배율 100%에서는 문제가 되지 않는데 90%, 110%로 하였을 때.
그리드 마우스 오버 포지션(마우스 오버 시 행에 타겟팅 되는 것)은 정상적으로 따라오나.
클릭을 하게 되면 엉뚱한 행에 클릭이 되게 됩니다.
상황 재현을 위해 아래와 같이 오류 현상 가이드 드립니다.
https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Rows/RowHeight/vue
위 사이트에 접속하여 첫번째 그리드를 개발자도구에서 선택 후 해당 그리드가 속한 body 태그에 style="zoom:90%" 속성을 적용합니다.
<body style="zoom:90%;">
줌 속성이 적용된 상태에서 셀을 클릭하면 클릭한 행과 포커싱 된 행이 다르게 나타나는 현상이 발생됩니다.
* 그리드 내 체크박스, 셀렉트박스 등은 클릭 시 정상 작동이 됩니다
확인해보시고 해결 방안이 있는지 도움 부탁드립니다.