Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Expose overlay pointer events as public API so user can prevent backdrop from consuming clicks

See original GitHub issue

Bug, feature request, or proposal:

Proposal

What is the expected behavior?

It would be great if the user could choose to disable pointer events on an overlay backdrop so that elements underneath the overlay can still be interacted with. In my use case, I am using an overlay to create a custom read-only tooltip-like readout, so the content of the overlay itself is not interactive, but the content underneath the backdrop is.

What is the current behavior?

I am currently disabling pointer events by using a private API:

(overlay.overlayRef as any)._togglePointerEvents(false);

Is there anything else we should know?

Somewhat related to #9320

Issue Analytics

State:
Created 5 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

crisbetocommented, Nov 9, 2018

The OverlayRef already exposes the overlayElement and backdropElement. You should be able to use them to style the elements. Also FWIW, disabling pointer events on the backdrop would basically be the same as removing the backdrop altogether.

0reactions

angular-automatic-lock-bot[bot]commented, Sep 10, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

UI events - Android Developers

UI events are actions that should be handled in the UI layer, either by the UI or by the ViewModel. The most common...

HTML "overlay" which allows clicks to fall through to elements ...

Original answer: My suggestion would be that you could capture the click event with the overlay, hide the overlay, then refire the click...

CSS pointer-events to allow clicks on underlying elements

Ever placed an element on top of another element, but wanted the one under to be clickable? Now it's doable, with CSS pointer-events!...

Set Chrome policies for users or browsers - Google Support

Enrolled browsers to enforce policies when users open Chrome browser on managed Microsoft Windows, Apple Mac, or Linux computers. Signing in is not...

Tumult Hype Documentation

Actions are triggered in response to user events, such as mouse clicks or tap ... and prevent all scenes from drawing their background...