회사에서 일하는데, 개발에서 어떤 요소가 클릭이 안된다는 제보가 들어왔다. 분명 개발자 도구에서 봤을 때 element는 존재하는데 실제로 클릭도 안되고, 요소 선택도 안되는 것이다!
처음보는 상황에 js로 선택을 막아 놨나 했더니 그런 코드는 또 안보인다. 도통 모르겠는 와중에 다른 컴포넌트들과 비교해 보다가 이런 css가 들어있는 것을 보았다.
pointer-events: none;
오..처음 보는 css 코드인데 검색해보니 포인터 이벤트 대상이 될 지 선택할 수 있는 옵션이라고 한다.
js도 문제 없는데 선택이 안되면 이 속성을 먼저 의심해봐야겠다.
'css' 카테고리의 다른 글
| 2022-06-04 css에도 조건식처럼 동작하는 함수가 있다? (0) | 2022.06.05 |
|---|---|
| 2022-06-01 display: flex 를 쓴다. (0) | 2022.06.01 |