CSS) 브라우저 렌더 관련 버그 겪어보신분 계실까요....? 처음 겪는 경우네요...;

Question

안녕하세요,vue관련 버그를 겪는 중인데 처음보는 경우라 질문 올립니다.a.vue b.vue이렇게 두가지 페이지가 있습니다.router push를 통해, a.vue에서 버튼을 클릭하면 b.vue로 이동합니다.그런데...a.vue에서 b.vue로 이동하면일부 css가 깨집니다.아예 처음부터 b.vue로 이동하면 깨지지 않구요.에,....?뭔가 이상하다 싶어서 창을 두개 띄웠습니다.창1 - b.vue (a.vue에서 이동)창2 - b.vue (처음부터 b.vue로 이동)개발자도구로혹시 css를 로드하지 못해서 이런 문제가 일어났나?가상DOM자체가 내용이 다르게 렌더됐나?싶어서 봤더니두 개의 창에 보이는 css 적용내용/HTML 내용은 완전히 동일합니다.완벽히, 완전히 동일합니다.css 우선순위 (important 등) 문제는 전혀 존재하지 않고, 개발자 도구에서 본 내용은 완벽하게 동일합니다.(network 탭에서 보이는 request 내용도, 성공적으로 200 받은것도 완전히 동일)computed로 본 css 적용내용도 슈퍼 완벽 완전히 동일합니다.문제가 되는 b 화면은 height: 100% 로 화면이 위아래로 가득 차야하는데,a에서 b로 이동할때만 height:100%가 먹지 않습니다.(처음부터 주소창으로 b.vue 화면으로 바로 이동하거나, 새로고침하면 100% 가득참)이미지가 아래로 가득차야하는데,a에서 b로 이동했을 때만 height: 100% 가 먹지 않습니다.이건 아무리 생각해도 렌더트리를 그리는 과정 혹은 페인팅 하는 과정이 문제가 있다고밖에 생각이 들지 않는데요,버그가 맞을까요....?(회사 프로젝트로 인해 코드는 올리기 어려운점 양해 부탁드립니다...).

코딩코더 · Answer

간혹 데이터 값의 변경이 인식되지 않아서 새로운 값 그리고 UI 변경 렌더링이 발생하지 않는 경우는 있었습니다.데이터 타입(구조) 과 데이터 변경 방법에 따른 문제였던것으로 기억하는데,강제로 랜더링 유발 시켰습니다.ㅎㅎ

CSS) 브라우저 렌더 관련 버그 겪어보신분 계실까요....? 처음 겪는 경우네요...;

1개의 답변

Q&A 목록