IE10에서 Select를 그리지 못하는 버그

관련: https://github.com/angular/angular.js/issues/2809

---

  front-end쪽 관련된 문제중 가장 골머리를 앓게 만드는 것이 IE 구버전의 존재이다. 매번 IE의 버전별 호환성때문에 골치를 썩을 때마다, 마이크로소프트의 IE 버전체계에 대한 저주를 퍼붓곤 한다.

  뭐 어찌되었건, AngularJS 프레임워크를 사용한 페이지에 IE10으로 접근할 시, select에 대한 option이 렌더링되지 않는 경우가 있다. 하지만 마우스를 select 위에 갖다대면, 정상적인 경우, select 안에 포함된 option들이 정상적으로 표시된다. 혹은, 페이지의 크기를 변경하던가 하는 식으로 select를 다시 그리면 select 안에 포함된 option들이 정상적으로 표시된다. 간단히 말하면, 이 문제는 select를 다시 그리는 것으로 해결할 수 있는 문제다.

  결국 데이터를 전부 불러온 후 style.display를 none으로 설정했다가 block으로 다시 바꾸니 정상적으로 표시된다. 분명 이 문제에 대한 완벽한 해결책이라고 말하기는 어렵지만, 임시방편책으로는 쓸 수 있을 것이다.