하...
어제 갑자기 메일이 왔다. 어느 한 모듈에서 선택 화면을 캡쳐해주면서, "스크롤이 안되서 아래의 내용을 확인 및 선택을 할 수 없어요"라고 하였다.
그 말을 듣고, 어이가 없었다.
그런데, 정말 안되었다.
다른 웹 모듈은 다 되는데, 왜 여기만 안될까?
div 가 문제일까?
select item을 추가하는게 문제일까?
일단 문제점을 파악하기로 했다.
- 선택 항목이 많아서 화면 사이즈보다 Over 된다.
- Scroll 이 나타나지 않는다.
overflow를 지정하지 않으면 auto가 되어 스크롤이 생긴다. 이건.. 에러가 아니다란 걸 직감했다.
그리고 마주했다.
[@@@.css]
html, body {
height: 100%;
overflow: hidden;
}그리고 overflow를 삭제했다.
html, body {
height: 100%;
}스크롤이 잘 작동했다.
하지만, 여기서 의문이 생긴다. 이전에 이 모듈을 만들던 개발자는 왜 overflow:hidden' 을 사용했을까?
현재의 모듈을 만들던 개발자는 회사에 없다. 왜 추가했는지도 물어볼 수도 없는 상황이었다.
회사를 다니다보면 이 코드가 왜 적혀있는지, 알 수 없는 것들이 너무나 많은 것 같다.
"나만 그런가?"
