반응형 modal3 Reactstrap Modal에서 autoFocus 설정 주의! Reactstrap을 사용하여 화면을 구성하고 있는데 조금 더 편한 사용환경을 위해 Modal이 오픈되면 가장 먼저 입력해야하는 Input에 Auto Focus를 적용하고 싶었다. 근데 설렁설렁 보고 적용하고 싶은 Input 태그에 autoFocus={true} 를 적용하면 되는구나 했더니 에러도 안뜨고 적용도 안되고 이 문제로만 한시간을 씨름한거 같은데 조금 예전 자료만 봐도 useRef를 써서 Fuction까지 만들어 적용하던데 나는 분명 속성값 하나로 될거라고 생각하고 있었고 그러다 딱 한 자료에서 어이없게 내 방법의 문제를 알았다. 해당 Modal에서 autoFocus를 false로 설정하고 적용하고 싶은 Input 태그에 autoFocus를 true로 설정해야 한다. 개인적인 생각으로는 Moda.. 2023. 11. 3. Modal이 Mouse Focus에 따라 사라지는 현상 - 해결 👌 이전에 다른 에러를 처리하면서 짧은 코멘트로 이상하게 마우스 포커스가 다른 화면으로 넘어가면 Show 상태이던 Modal이 자꾸 사라진다는 글을 남긴 적이 있다. 다른 부분들을 처리하면서 그 부분은 그렇게 방치해뒀는데 다른 메뉴 부분에서 동일하게 Modal을 처리하다가 이번에는 사라지지 않는다는 것을 발견하고 무언가 차이점을 캐치한듯한 느낌이 들었는데! 혹시 Modal 태그가 위치한 부분의 차이 때문에 발생하는 문제인가? 하는 추측으로 태그 위치를 옮겨주었더니 허무하게 해결되어버렸다. 100% 정확하다고 말할 수 없지만 내가 이해한 바로는 Show 상태를 보이도록 제어할 때만 출력되는 Modal이기 때문에 태그의 위치가 전혀 상관없다고 판단하여 동작되고 있는 태그 근처에 대충 위치시켜두었는데 아무래도 M.. 2023. 2. 12. 종 잡을 수 없는 에러 [React Modal - Mouse Point 관련 Error] 💦 현재 개인적으로 진행 중인 프로젝트 기능 중 Modal을 사용하는 부분에서 최근에 구현한 한 부분만 Modal이 Active되고 회사나 집이나 듀얼모니터를 사용 중인데 다른 화면으로 마우스 커서를 옮겨 Out 시키면 Modal창이 사라진다. 마우스 커서만 다시 브라우저로 옮겨도 Modal이 나타난다. 마우스 Event를 따로 잡아서 처리해야할지 아니면 내가 처리한 부분 중에 Modal 상태값이 변동되는 부분이 있는 건지 에러의 원인을 찾는대로 이곳에 다시 기록하려 한다. 2023. 1. 11. 이전 1 다음 반응형