"pointer-events-none" not working as expected ?

[vis-prime]

in the demo for "pointer-events-none" case in the docs page as well as on my local project , i am able to click the divs with this class.

I'm guessing this is a bug ?

using div.style.pointerEvents = "none" works

[wongjn]

Are you clicking only on the search icons? If you look in your screenshot, the text above the example states:

Click the search icons to see the expected behavior

The example is demonstrating the point-events-* classes on the search icon wrapper <div> elements, not the whole <div>. Thus the left side should do nothing when clicking on the search icon, while the right side should allow you to click-through the search icon to the input element. The example demonstrates that with pointer-events-auto, the search icon element intercepts the click, whereas with pointer-events-none, the search icon no longer intercepts the click. This then means the <input> element underneath gets the click event, thus allowing you to place a text cursor in the <input> and allowing you to type into it.

[vis-prime]

yeah, makes sense

i was trying to use pointer-events-none to block all events of a div and its children.

thanks!