Let a click on a FlowPanel propagate to element sitting below it?

Question

I have a Canvas element, and a FlowPanel on top of it (in z order). When I click on the FlowPanel, it seems to intercept the click and stops propagating it. I don't have any click listeners set on it though. I want the canvas below it to receive the click event.

Is there a way to get the FlowPanel to ignore the click and let it propagate to the canvas that sits below it?

Thanks

http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements/4839672#4839672 — Chris Lercher, Dec 07 '12 at 14:20

score 0 · Accepted Answer · answered Dec 07 '12 at 14:23

In Chrome, Firefox and Safari 4+ you can use the pointer-events CSS property (it's also well-supported by mobile browsers), but for other browsers (IE, Opera and older Safaris) you'll have to listen to click events at the FlowPanel level and fire synthetic click events on the canvas.
Assuming the FlowPanel and the canvas are aligned, at the same position, you should be able to use DomEvent.fireNativeEvent coupled with Document.get().createClickEvent.

Let a click on a FlowPanel propagate to element sitting below it?

1 Answers1