For a project I need to layer two canvas on top of each other and still keep the bottom one interactive.
It works very well except when Flex adds a vertical scroll bar. After that the background canvas and his children don't dispatch any events.
I created a simple application to demonstrate the problem (view source is activated):
In the standard state both panels react to the mouseDown event. If you click the "move to right" button it still works. But if you click on the "move to bottom" button the background panel doesn't react.
Has anyone an idea how to fix this?
Thanks in advance
When a Canvas needs a scrollbar, it re-parents all children into a scrollable content pane. It might block mouse events. You might want to put both Canvas in another Canvas so both of the original Canvas never get scrollbars and only the new outer one does.
Flex SDK Developer
Adobe Systems Inc.
Thanks for the reply. Unfortunately it doesn't work. I think it doesn't matter if I add another layer and then his contentPane instead of the original one blocks the events of the layers underneath.
Strangely it is only blocked if a vertical scroll bar is created.
I found no way to solve this problem. Shouldn't that be submitted as a bug or is the use case too uncommon?