IE7 and earlier have an issue with z-index and stacking. The problem is
that they use a new stacking context for every div. This is described here:
http://welovecss.com/showpost.php?p=13879&postcount=2
Right now, this causes order issue when displaying puzzles elements
(vertices, edges, cells). For example, sometimes cells are displayed in
front of edges. It could be possible to create a workaround in
SquareGridLayoutPanel by instantiating a new CellLayoutPanel for every
widget element (vertex, edge, cell) added to the square grid, and then
making sure this CellLayoutPanel has the same z-index as its only child.
Drawbacks:
- The z-index can be propagated to the CellLayoutPanel only if it is
properly set in the child before this one is added to the square div.
- It would no longer be possible for the user to manually get rid of his
puzzle elements by calling myCellWidget.removeFromParent(), because the
containing div has to be removed too.
- It seems like a waste to create all these divs...
Maybe we should have an IE7 specific implementation? Or drop IE7 support
entirely?
Original issue reported on code.google.com by philippe.beaudoin on 19 Mar 2010 at 10:06
Original issue reported on code.google.com by
philippe.beaudoin
on 19 Mar 2010 at 10:06