이벤트 참여 수정 시 화면이 계속 위 아래로 이동되는 문제

[seongbin9786]

이유: Collapse 이면 Text Field 갱신시마다 계속 close-open 됨

[seongbin9786]

진짜 이유:

    if (open) {
      setTimeout(() => {
        const title = document.getElementById('pageTitle');
        const input = document.getElementById(manageMode ? 'title' : 'q0');
        window.scrollTo(0, title.getBoundingClientRect().top);
        input.focus();
      }, 300);
    }

이 코드 때문

[seongbin9786]

  componentDidUpdate(prevProps, prevState) {
    const { open: beforeOpen } = prevProps;
    const { open: afterOpen } = this.props;
    const { manageMode } = this.state;
    if (!beforeOpen && afterOpen) {
      setTimeout(() => {
        const title = document.getElementById('pageTitle');
        const input = document.getElementById(manageMode ? 'title' : 'q0');
        window.scrollTo(0, title.getBoundingClientRect().top);
        input.focus();
      }, 300);
    }
  }

componentDidUpdate로 open Props가 변경되는 경우에 focus하도록 변경함