**** BEGIN LOGGING AT Sat Mar 16 02:59:58 2013
Mar 16 16:29:36 <hjhart> I've run into an interesting problem with using Enyo's FittableRowsLayout and LeafletJS... Whenever I init leaflet JS and then resize the div in any way, the leaflet map takes over... It seems like a "stacking order" issue but I haven't been able to adjust z-indexes to fix the problem.
Mar 16 16:29:39 <hjhart> http://jsfiddle.net/7b2eq/
Mar 16 16:30:20 <hjhart> I've isolated the problem into a jsfiddle - and I was wondering if anyone has more experience with the innards of FittableRows stuff to understand what clashing CSS/javascript leaflet may be using to clash with enyo's fittablelayouts
Mar 16 16:40:03 <hjhart> Oops - lost connection there for a bit - not sure if anyone got back to me or not. :/
Mar 16 17:26:00 <fxspec06> hmm
Mar 16 17:31:04 <fxspec06> i think your code could be manipulating DOM directly
Mar 16 17:32:04 <fxspec06> it's possible if it is doing something in a non conventional way the map looks like it is staying on top of everything
Mar 16 17:33:47 <fxspec06> http://jsfiddle.net/fsa28/
Mar 16 17:33:55 <fxspec06> this paste hides your map and shows it again
Mar 16 17:34:05 <fxspec06> so you can see clearly that hiding the container hides the map
Mar 16 17:34:21 <fxspec06> so my theory is incorrect, but yours is correct in that it is not displaying below the bar
Mar 16 17:34:41 <fxspec06> so to override this you have to use z-index, but to use z-index you have to first understand the power of the z-index
Mar 16 17:35:19 <fxspec06> the z-index will only work for elements which have a fixed or absolute layout
Mar 16 17:35:54 <fxspec06> and also it works relatively in layers, so if it's not in a container where it can be relatively positioned to your toolbar you won't get it to work
Mar 16 17:36:20 <fxspec06> and to do that properly you should set fixed or absolute on the container as well, with a z-index of 0
Mar 16 17:36:32 <fxspec06> for reference. then put a z-index of 2 on the toolbar, and 1 on the map
Mar 16 17:36:46 <fxspec06> and it should work
Mar 16 18:01:22 <hjhart> Ah, so z-index takes the type of positioning into account.
Mar 16 18:20:20 <hjhart> So, for some reason the leaflet map was deleting a position:relative; attribute on the DOM. If I explicitly put it there in the style, it worked perfectly fine.
Mar 16 18:20:33 <hjhart> Problem solved! Thanks fxspec06!
Mar 16 18:21:14 <hjhart> You're always so helpful. I appreciate it.
Mar 16 18:44:35 <fxspec06> thank you
Mar 16 18:44:38 <fxspec06> =)
**** ENDING LOGGING AT Sun Mar 17 02:59:59 2013