Свойство CSS pointer-events со значением none блокирует клики мыши, потому что оно указывает, что элемент не является объектом события мыши. 2
При этом события мыши могут проходить через элемент с pointer-events: none и обращаться к элементу, находящемуся под ним. 25
Важно учитывать, что pointer-events: none влияет только на действия мыши и не блокирует взаимодействие с клавиатурой или сенсорными устройствами. 3