question-mark
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.

'Pass through' mouse events?

See original GitHub issue

Now that transparency is possible, it would be really awesome if it were possible to use something like CSS’s pointer-events property to allow passing through mouse events to underlying windows.

For example, think of a drawing tool. You’d make a 100% wide and high, transparent, frameless ‘window’ and add your content to it. But the user would be able to use their computer as normal whilst this was active.

(I’ve confirmed that pointer-events: none; doesn’t work on the html and/or body elements - it doesn’t pass the clicks etc through)

This would be amazing to implement - is it possible?

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
baongoc124commented, May 16, 2016

Hey guys, I’m not a nwjs user but I googled and found this issue. Anw, I think I have real example of a click-through window in Linux. It’s in the notify-osd program of Ubuntu. You can see pretty clear how they get it done here https://github.com/dkasak/notify-osd-customizable/blob/master/src/bubble.c#L1608 . And another requirement is that the window’s type must be popup.

1reaction
trappedinspacetimecommented, Jan 16, 2015

@jtg-gg ECERE is open source in github https://github.com/ecere/ecere-sdk Anyway I found a more simple click through example in Linux. It’s xeyes Open terminal and type xeyes it’s preinstalled. Here is the source code ftp://ftp.x.org/pub/unsupported/programs/xeyes/ I could compile it like gcc -o xeyes xeyes.c Eyes.c transform.c -lX11 -lXt -lXext -lXmu -lm

Read more comments on GitHub >

github_iconTop Results From Across the Web

Pass mouse events through absolutely-positioned element
Is a CSS property that makes events "pass through" the HTML-element to which the property is applied. It makes the event occur on...
Read more >
pointer-events - CSS: Cascading Style Sheets - MDN Web Docs
The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
Read more >
Passing mouse clicks through an overlaying HTML element
Retrieve the mouse coordinates in the click event. Now, retrieve the element by hiding your overlay, and use the following.
Read more >
How do you Pass Mouse Events through DIV element ... - MSDN
I want to make it so you can click on a pinpoint that's plotted on the map and all mouse events are passed...
Read more >
Pointer Event Passthrough on my Site's Primary Navigation
There is a CSS property called pointer-events which allows you to manipulate if a DOM element receives pointer events (e.g. click s, hover...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found