브라우저 창 크기가 변경될 때 dropdown 또는 modal container의 layout이 갱신되지 않는 문제

[cskime]

어떤 버그인가요?

• Dropdown type의 TextField와 Modal component는 portal을 사용해서 최상위 <div id="dropdown">과 <div id="modal">에 각각 render 되고 있습니다.
• 잘 동작하는 것 처럼 보이지만, 브라우저 크기를 조절하면 최초 render된 상태로 layout이 고정되는 문제가 있습니다.

어떤 상황에서 발생한 버그인가요?

• (Given) Dropdown 또는 modal component를 화면에 띄우고
• (When) 브라우저 창 크기를 변경하면
• (Then) Dropdown 또는 modal 크기가 동적으로 조절되지 않고 최초 render된 layout으로 고정됩니다.

어떤 결과를 예상했나요?

• Dropdown은 브라우저 창 크기가 조절되어 trigger 요소의 위치가 변경될 때마다 position이 갱신되어야 합니다.
• Modal은 브라우저 창 크기가 조절되면 전체 container 크기가 브라우저 창에 딱 맞게 조절되어 스크롤이 생기지 않아야 합니다.

어떤 작업을 할 예정인가요?

• Window size change event가 발생하면 dropdown position을 다시 계산해서 갱신
• Window size change event가 발생하면 Modal component의 container 영역 크기 갱신

참고자료 (선택)