Dimitri Gielis emailed recently asking if I'd embedded an Ineractive Report Region (IRR) in a ExtJS popup window.Well no I hadn't - but it turned out to be straight forward in the end, as you can see in this demo.
He raised an interesting point that when he tried the IRR javascript failed (filtering, sorting etc).
I believe Dimitri had been referencing the apexir_WORKSHEET_REGION div when embedding the IRR in a window, whereas I added an extra div tag around the IRR and used that instead.
Such a small difference, such a big impact. The next screenshot shows some of the ExtJS windows html with my extra div tag wrapping the IRR.

Here is the html when referencing the apexir_WORKSHEET_REGION div.

So what's happened?
The apexir_rollover div (containing the filters etc) is no longer just below the apexir_WORKSHEET_REGION div. The relative positioning of these divs makes a difference.
Applying ExtJS functionality to existing html often results in html tags being moved around. Something to remember when you get unexpected behaviours.






