Thanks for the reply. I checked out the demo and tried adding the visibility mode plugin to my code, I tried adding the shadow:false on the window and anything else I could find that was different from my code. But no luck.

I also tried using the uxmedia class instead of the miframe classes but I got the same result. I think I have all the same settings you have in your demo.

So the question is what would cause this behavoir? I even created a new window using your exact code and had the same issues on the corners.

Also when I drag my window over the PDF it disapears whereas in your demo the outline is still visible. So I guess the shim is not being applied. But when I trace the code I can see the classes being applied to the shim div..

Try one or more of these overrides for Ext.Layer. Your focus should be there. The Visibility plugin, MIF, or uxMedia have nothing to do with your symptoms. The z-order of Window framing and Shadowing are the real issue.

I have asked this question in wrong forum, but I believe it should be rather posted here.

Using miframe within border layout causes CSS styling problems.Basically all my buttons within miframe loaded content keeping x-btn-over state even after mouse pointer leaves button. Clicking on grid column options - displaces popup menu position. This menu stays permanently on top of grid. Sometimes that menu appears at random positions on the screen...If i reload iframe content second time - everything is fine.Hope image below can describe the nature of my problem in better words.