check box IE에서 background 표시 이슈

 

프로젝트 진행중에 custom checkbox에서 이슈가 발생하여 기록해 둔다.

 

상황 : IE에서 간헐적으로 checkbox의 background가 안나오는 상황 발생

 

퍼블소스에서는 재현 안되어서 퍼블리싱쪽에서 해결에 어려움을 겪어서 원인 추적

 

문제분석

  - 아코디언 + 체크박스를 동시에 사용할때 간헐적으로 발생하는 이슈로 추측

 

처리방식

  아래와 같이 두가지 해결 방식에 대해 추적 후 퍼블리싱 측에 전달하였다.

  - 방식1

    ㄴ 아코디언 처리시에 show 하는 부분을 setTimeout(function () {  // show }, 0);

setTimeout(function () {
    $$.cont.show();
}, 0);

 

  - 방식2

    ㄴ css에서 -ms-high-contrast 사용하여 처리

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .checkbox label {
        display: ruby;
    }
}

 

개발자임으로 css는 정확히 알지 못하니, 최대한 css로 해결하는 방향으로 처리 부탁드린다고 전달하였다.