2.7. 입력 가능한 컨트롤이 비활성화된 경우 드래그로 값이 선택되지 않는 현상

2.7.1. 변경 전 

 크롬 브라우저 115 버전부터, 입력 가능한 컨트롤(콤보 박스, 인풋 박스, 마스크 에디터, 데이트 인풋, 넘버 에디터, 서치 인풋)이 disabled 상태인 경우, 셀 클릭 이벤트가 발생하지 않는 현상이 나타났습니다. 이는 크롬 자체의 동작 변화로 인해 사용자가 기대하는 이벤트 처리가 정상적으로 이루어지지 않았습니다. 

 2.7.2. 변경 후 

 1.0.4762 (2023년 11월 릴리즈) 버전에서 해당 이슈에 대응하기 위해 disabled 상태의 컨트롤에 대해 내부적으로 해당 컨트롤의 input 태그에 pointer-events: none 속성을 적용하도록 수정되었습니다. 이로 인해 마우스 이벤트는 발생하지만, 비활성화된 컨트롤의 값이 드래그로 선택되지 않는 현상이 추가로 발생할 수 있습니다. 

 2.7.3. 조치 방안 

 

 해당 동작은 크롬 116 이상 및 파이어폭스에서도 동일하게 발생하며, 이는 HTML 스펙에 따라 브라우저가 변경된 결과입니다. 

 이전 동작을 유지하기 위해 런타임에서 disabled에 대해 커스텀 DOM 처리를 적용할 수도 있지만, 이는 브라우저 스펙 변화에 대한 대응이 어렵고, UI 및 접근성 측면에서도 표준을 따르기 어려운 문제가 있습니다. 

 따라서 eXbuilder6 런타임에서는 최소한의 영향으로 대응하기 위해 pointer-events: none 처리 방식을 사용하였으며, 이로 인해 텍스트 셀렉션, 마우스 휠 스크롤, 스크롤 버튼 클릭 등이 제한될 수 있습니다. 이러한 동작이 필요한 경우에는 disabled 대신 readOnly 속성 사용을 권장드립니다.