I assume this is more of an issue with FireFox and iframes but maybe someone here can help me. I am using jQuery UI's "resizable" feature/ component to basically create a "splitpane." I took an approach similar to the one used at http://ui.jquery.com/repository/real-world/splitpane/. I have a 1-row 2-column table with a resizable div in the left td. In that resizable left div, I have an iframe that takes up all the space. When I resize the east border to the right, it works as expected because the mouse stays in the document. But when I move the border to the left, it doesn't work because the mouse moves over the iframe, it starts capturing the mouse events and the resizable component doesn't get them.
This problem happens in both FireFox and IE but it does work in Safari. Is there any easy way to prevent the iframe from "stealing" those mouse events in IE and FireFox? Any help would be appreciated. I was thinking about adding listeners for certain events (mousemove and mouseup maybe) to the iframe or its document and passing those events to the parent document. I'm not quite sure how to go about that though. -Brandon