Questions tagged [click-through]

Description

Click-through means that you can click through something. Normally, the things behind it can then be clicked (or selected), while normally they wouldn't be clickable, because the element in front of it would catch the click-event [1].


CSS

To make something click-through in CSS, many use pointer-events: none;, which means that, when an element is clicked, a pointer event (in this case, a click-event [1]) will not be fired. Instead, you can click (or select) the elements behind it. This is basically useful for (partly or semi-)transparent images.

It is also used to simply disable click-functionality (disabled links for example). Mind though, when using pointer-events: none; you disable all pointer events, not only the click-event (which is necessary for a click-through element); hovers and other pointer events will be ignored as well.

[1] Basically an event saying "Hey, I have been clicked!".

69 questions
2
votes
0 answers

How to make overlay click-through

I would like to have a List with an overlay that does not interfere with the tap reception in SwiftUI. I have attempted to use an .overlay as such; struct TestView: View { var body: some View { List(0..<30){ Text("Item…
Isaiah
  • 1,852
  • 4
  • 23
  • 48
2
votes
0 answers

Click through a

I want the user to be able to drag and drop a file into the page and trigger an event. Right now i have an overlay which is on top of the page with z-index: 100 and it works to drop files onto it. My issue is that it is overlapping every other…
2
votes
1 answer

jquery autoclick through to underlying element

I don't know whether this is even possible ! But I want to automatically clic on an element on an external site. The requirement is to complete an online training by clicking on to next page to complete all chapters. The training only requires…
user5585849
2
votes
0 answers

Make a link clickable through div:before

I would like to click through a :before div. This is my code: /*CSS*/ #main { float:left; width:calc(70% - 4px); border-width: 4px; border-color: black; border-style: solid; position:relative; text-align:center; …
2
votes
1 answer

What is the difference between a click through and a drill through report in ssrs?

I was asked this question yesterday and I didn't know the answer. I'm a total ssrs noob so if you could explain it thoroughly that would be helpful. What is the difference between a click through and a drill through report in ssrs?
crack3r
  • 49
  • 1
  • 5
2
votes
1 answer

Internet explorer 9 'clickthrough' trick not working

I have been looking for a way to enable clickthrough of layers on internet explorer 9 and this is one of the best answer I found so far. This is obviously not working in the little jsfiddle I made here. Note that I am using the real internet…
Alex C
  • 1,334
  • 2
  • 18
  • 41
2
votes
1 answer

Creating a transparent overlay in C#

I'm not sure exactly how to start this project, but my requirements are as follows (for the parts that I'm unsure of how to implement): Holding down the Tab key should display the overlay. Letting go of the tab key should hide the overlay. How…
Lunyx
  • 3,164
  • 6
  • 30
  • 46
2
votes
1 answer

Graphite - use multiple series with DivideSeries

I'm trying to use Graphite to compute a CTR for all my resources, so I tried recording my data like this: ctr.resource_id.clicks ctr.resource_id.reach So first, I made my query : &target=…
K'ao
  • 330
  • 1
  • 3
  • 13
1
vote
1 answer

Prevent clickthrough on Google Maps MarkerImage

I'm using Google Maps on my page and I want to prevent clicks on any of the MarkerImages I've set up from bubbling up to the parent container of the map. Is this possible? MarkerImages, when rendered on the page, seem to be just a series of divs…
daGUY
  • 27,055
  • 29
  • 75
  • 119
1
vote
1 answer

How to click-through on transparent parts of cocoa web view

Okay so I have a web view that holds the chat bar div from Facebook.com. The web view itself is larger/taller than the bar because obviously it needs to be for when a chat box is opened. When a chat box isn't open though, that area of the web view…
fefwfefefwfwe
  • 1,505
  • 2
  • 11
  • 19
1
vote
1 answer

How to make a transparent picturebox click through?

I want to make the picture-box in a form to be transparent and click through. In the above image, yellow areas are the picture-boxes and Red area is the form. Form area should be transparent but not click through. Picture-boxes should be…
Failed_Noob
  • 1,347
  • 18
  • 51
  • 67
1
vote
0 answers

How to implement click through window except on element in electron?

I am trying to implement click through the window except on element in electron with react as frontend, for this I found interesting package electron-transparency-mouse-fix here, the demo in the repo is based on typescript, therefore I am bit…
Hack Try
  • 471
  • 4
  • 17
1
vote
1 answer

How can I make a button not fire its action on click-through?

The Apple Human Interface Guidelines state that: An item that provides click-through is one that a user can activate on an inactive window with one click, instead of clicking first to make the window active and then clicking the item. Click-through…
user142019
1
vote
0 answers

Click through an a tag in Angular 2

I'm using angular 2 material. Since it not done yet..i need to build some component to use... and then i faced this problem. My idea is create an autocomplete that after eveytime i click to choose an option..it's create a new chip. I'm using an chip…
1
vote
1 answer

WPF: drawing own cursor - nontrivial problem

i need to implement a cursor with some very specific features: it has to be animated because after n seconds it automatically clicks - so the animation is feedback for the user when the click will happen it has to snap to some of our controls it…
santa
  • 983
  • 9
  • 30