kimmgamjja

개발자도구에서 Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidd..

크롬에서 작업하다가 갑자기 f12 개발자도구를 들어갈 때마다 특정 테두리에 점선이 생겼다 실제 페이지에 영향이 없는 것 같긴하지만 신경쓰여서 찾아본 결과여러 원인이 있을 수 있는데 나는 개발자도구 > 요소탭 > 레이아웃에서 Flexbox 오버레이부분에 이렇게 체크가 되어있었다 체크해제하자 테두리는 사라졌다 Flexbox 오버레이는 실제로도페이지에 아무 영향도 주지 않으며 단순히 개발에 도움을 주기 위한 기능이라고 한다 즉, Flexbox 오버레이는 브라우저 화면 상에서 해당 Flexbox 요소의 레이아웃 구조( 축, 방향, 정렬 등) 를 점선이나 색상박스로 시각적으로 보여주는 개발자 도구 전용 시각화 도우미 인 것이다