display: none에 transition이 적용되지 않는 이유 그리고 접근성 트리, 렌더링 트리

문제 상황 2023.04.30 - [카카오 테크 캠퍼스/HTML CSS JS Advanced] - [카테캠 선택 강의] 스타벅스 웹사이트 검색창 연속클릭 버그 수정 [카테캠 선택 강의] 스타벅스 웹사이트 검색창 연속클릭 버그 수정 문제 상황 문제 상황은 다음과 같다. 검색 input안의 아이콘을 연속클릭하면 검색창이 왔다 갔다한다. 문제 원인 HTML, CSS, JS 의 코드는 다음과 같다. HTML search header .sub-menu .search input { ... /* transition ehddud100677.tistory.com 위 글에서 문제를 해결하기 위해 visibility:hidden 를 사용하여 문제를 해결하였다. 이러한 해결방법을 찾기위해 여러 방법을 시도해보았고 그 중에 하..