실무 클릭 이슈 실험실

1. 가상 요소(::before) 히트박스 침범

닫기 버튼을 눌러보려고 하지만, 우측 검색 버튼의 투명한 확장 영역이 덮고 있음.

* 연한 파란색 영역이 검색 버튼의 실제 클릭 범위

2. Absolute 타이틀의 영역 침범

중앙 타이틀의 width가 넓어서 우측 아이콘의 왼쪽 절반을 가리고 있는 상황.

* 초록색 박스 영역이 아이콘 위를 덮고 있으면 아이콘 클릭 불가

3. SVG 내부 좌표 불일치 (Phantom Area)

아이콘은 오른쪽 아래에 치우쳐 있는데, SVG 자체는 왼쪽 위부터 영역을 차지함.