В уроке разобраны два значения pointer-events: auto (стандартное поведение — клики проходят к элементу) и none (клики проходят сквозь элемент, как будто его нет). На примере попапа: оверлей с pointer-events: none не блокирует клики на контент под ним.
Pointer-events: none полезен в нескольких сценариях: декоративные оверлеи, элементы в абсолютном позиционировании над кнопками, отключение кликов на неактивные элементы. В Taptop параметр находится в разделе «Дополнительно» в правой панели.
Урок короткий и точечный — полезен при первом столкновении с проблемой, когда кнопка не кликается из-за перекрывающего блока. Базовое понимание позиционирования и z-index поможет быстрее применить решение к своей задаче.