Today, we’re introducing the ability to set pointer events to none for any element natively in the designer making it easier to manage overlapping elements.
Pointer events are used to distinguish between visual-only and interactive elements while making it easier to select elements on the Webflow canvas.
Setting an element’s pointer events to none.
You can learn more about the pointer events property in our Webflow University lesson.
Thanks for adding this much-needed feature!
I’ve tried it and although it works perfectly in the preview, it doesn’t work when I publish the site.
Is this a known issue?
Thank you!
Hey @MoGunarman welcome to the forum and glad you like the feature.
Can you please share your read-only link and the published link. If you can’t share the project due to privacy then you’ll need to reach out to support.webflow.com
Thanks for your reply Matthew!
I created page with the said issue to test and keep it simple: here’s the read-only link
https://preview.webflow.com/preview/txd-02?utm_medium=preview_link&utm_source=designer&utm_content=txd-02&preview=c021492fc860e9e892786dd0995466d8&pageId=6570ac6bf8e117de8ecbcf29&workflow=preview
And here’s the published link
https://txd-02.webflow.io/test
I’m guessing it’s something to do with the mouse movement interaction?
Thank you for the links @MoGunarman. We were able to locate the issue and push a fix. If you republish any sites with elements using pointer-events should all be working as expected. Thanks again for your feedback that helped us identify the issue.