How do I use pointer-events to react only to scroll event?

As for specification in the docs:

When an element has applied pointer-events: none;

The element is never the target of any mouse events and any events are void;

Please look at this demonstration:

Events are not being fired, you cannot even scroll the container.