title: Dojo dom-construct.place() not working
body: <p>I'm writing a widget which takes all child <code>&lt;img&gt;</code> tags, grabs the <code>src</code> attribute, and should create a unordered list with the child list elements having the background be the aforementioned sources. However, when I create the list elements and tell dojo to place them inside the master <code>&lt;ul&gt;</code>, they end up outside.  This widget is the 3rd in the chain, as represented here:</p>
  
  <pre><code>+ ImageBox
      ++ AnimImageBox
      ++ SlideImageBox
           +++ AnimSlideImageBox (TBA)
  </code></pre>
  
  <p>Master List Creation:</p>
  
  <pre><code>buildRendering : function(){
      this.inherited(arguments);
  
      // Create the slidebox &lt;ul&gt;
      this.slideHolder = domConstruct.create('ul', {
          className : 'imagebox-slide'
      }, this.domNode, 'first');
  }
  </code></pre>
  
  <p>This is the block from the <code>_lazyLoad</code> method.  It's originally defined in the root <code>ImageBox</code> class, and overridden here, called inside <code>postCreate()</code>:</p>
  
  <pre><code>var self = this;
  query('img', this.domNode).forEach(function(image){
      // With each found image, push the src attribute into our class-wide array
      var src = domAttr.get(image, 'src');
      self.images.push(src);
  
      // Create an &lt;li&gt; for the slide block
      var li = domConstruct.create('li', {
          className : 'slide'
      }, self.slideHolder);
  
      // Destroy the &lt;img /&gt; element
      domConstruct.destroy(image);
  });
  </code></pre>
  
  <p>Overview of class structure/method calls:</p>
  
  <p><strong>ImageBox.js</strong></p>
  
  <pre><code>buildRendering():
      - Creates the preloader
  postCreate(): 
      + Calls _lazyLoad to extract image data, load, show progress, etc.
  </code></pre>
  
  <p><strong>SlideImageBox.js</strong> (the one I'm having issues with)</p>
  
  <pre><code>buildRendering():
      - Calls the superclass method, and then creates the &lt;ul&gt; element, placing to this.domNode
  postCreate():
      - Just calls the superclass postCreate() method (via this.inherited(args))
  _lazyLoad():
      - Overridden completely, is called correctly as tested with various log() calls.
  </code></pre>
  
  <p><strong>Expected Result</strong></p>
  
  <pre><code>&lt;ul class="imagebox-slide"&gt;
      &lt;li class="slide"&gt;&lt;!--Content --&gt;&lt;/li&gt;
      &lt;li class="slide"&gt;&lt;!--Content --&gt;&lt;/li&gt;
      &lt;li class="slide"&gt;&lt;!--Content --&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>Results</strong></p>
  
  <pre><code>&lt;ul class="imagebox-slide"&gt;&lt;/ul&gt;
  &lt;li class="slide"&gt;&lt;!--Content --&gt;&lt;/li&gt;
  &lt;li class="slide"&gt;&lt;!--Content --&gt;&lt;/li&gt;
  &lt;li class="slide"&gt;&lt;!--Content --&gt;&lt;/li&gt;
  </code></pre>
  
  <p>At every step I can <code>log()</code> the nodes, so I know they exist, but the <code>domConstruct.create()</code> line just isn't putting them into the  node.  I've dealt with dojo like this more than once, so maybe it has something to do with my inheritance somewhere? </p>
  
  <p>Maybe it's late and need a fresh pair of eyes, or is something else at work here?</p>
  
  <p><strong>Edit</strong> </p>
  
  <p>@DavidMcMullin, the <code>place</code> call I was having issues with is implicitly called in <code>create</code>, sorry I didn't emphasize that point. </p>
  
  <p>@Frode, It requires inheritance from 2 other .js files, I haven't used the fiddler enough to know how to set that up, I'll look into it though. </p>
  
  <p>@Stephen, that was it, turns out, somehow, the creation order was off, even though the <code>log()</code> statements were telling me it wasn't, and I thought I had tried that...  I'll have to refactor a bit to accommodate methods called in the superclass but just glad it's working now.  Put an answer and I'll accept.</p>