문제
IE10, IE11에서 셀럭트박스 선택을 하면 아무이상이 없는데 input 상자에 포커스 있는 상태에서 셀럭트박스를 다시 선택하면 텍스트상자 넓이가 커지는 현상이 있습니다.
이유는 placeholder
로 인해서 일어나는 현상입니다.(IE10, IE11에서만 오류가 일어납니다.)
오류는 아래와 같습니다.
오류 체크 하셨습니까?
혹시 확인을 못하신 분들을 위해 캡처화면을 준비했습니다.
아래는 정상적으로 나오는 화면입니다.
아래 화면은 input 박스에 포커스가 갔다가 다시 셀럭트 박스를 클릭 할 때 나오는 현상입니다.
해결 방법
<select onmousedown="this.focus()">
<option>선택1</option>
<option>선택2</option>
<option>선택3</option>
</select> <input class="small" type="text" placeholder="인풋박스">
이렇게 화면 문제가 해결이 됩니다.
확인해보시길 바랍니다.
답글 남기기