title: Aura root component not handling the application event started from its child (Lightning Component)
body: <p>Aura application event is firing successfully but it seems that the handler component is failing to listen or handle it and it does not call the action method <strong>openFeed</strong>. This is the component that handle the application event.</p>
  
  <pre><code>    &lt;aura:component controller="ConnectApiCallsController"&gt;
      &lt;aura:attribute name="yourfeed" type="PortalFeedWrapper[]" access="public"/&gt;
      &lt;aura:handler name="init" value="{!this}" action="{!c.doInit}" /&gt; 
  
      &lt;aura:handler event="c:DraggableNavEvent" action="{!c.openFeed}" /&gt;
      &lt;aura:handler event="aura:doneRendering" action="{!c.doneRendering}" /&gt; // not working if removing this line
  
      &lt;div&gt; 
          &lt;div class="feedWrapper slds-scrollable" &gt; 
              &lt;div class="tab"&gt;
                  &lt;c:HorizontalDraggableNav/&gt; 
              &lt;/div&gt;
  
              &lt;div id="yourFeedTab" class="tabcontent"&gt; 
                  &lt;c:YourFeedWrapper feeds="{!v.yourfeed}"/&gt; 
              &lt;/div&gt;
  
              &lt;div id="discussionsByTopicsTab" class="tabcontent"&gt;
                  &lt;c:DiscussionsByTopicsWrapper /&gt;
              &lt;/div&gt;
  
              &lt;!-- PrivateFeeds By THiru--&gt;  
              &lt;div id="privateFeedTab" class="tabcontent"&gt;  
                  &lt;c:PrivateFeedWrapper isUserInternal="{!v.isInternalUser}"/&gt;   
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/aura:component&gt;
  </code></pre>
  
  <p>When I remove doneRendering from the component than the openFeed is being called just fine, but the thing is why does doneRendering needs to be there for it to work? I dont have any doneRendering method declared on the controller. What am I doing wrong that doneRendering needs to stay there in order for it to work? Also that this is the parent component while the component that fires the application event is is <strong>c:HorizontalDraggableNav</strong> by using the following code:</p>
  
  <pre><code>var appEvent = $A.get("e.c:DraggableNavEvent");
  appEvent.setParams({ feedType: e.target.id });
  appEvent.fire();
  </code></pre>
  
  <p>and the component looks as below:</p>
  
  <pre><code>&lt;aura:component&gt;
      &lt;aura:handler name="init" value="{!this}" action="{!c.doInit}" /&gt;
      &lt;aura:handler name="render" value="{!this}" action="{!c.onRender}" /&gt;
      &lt;aura:attribute name="isLoginUserInternal" type="Boolean" default="false" /&gt; &lt;!-- PrivateFeeds By Thiru--&gt; 
      &lt;aura:registerEvent name="appEvent" type="c:DraggableNavEvent" /&gt;
  
      &lt;div class="grid-container"&gt;
          &lt;div class="grid-item main"&gt;
              &lt;div class="items" id="items"&gt;
                  &lt;div class="item" id="yourFeed"&gt;Your feed&lt;/div&gt;
                  &lt;div class="item" id="discussionsByTopics"&gt;Discussions by topics&lt;/div&gt; 
  
                  &lt;!-- PrivateFeeds By Thiru--&gt; 
                  &lt;aura:if isTrue="{!v.isLoginUserInternal}"&gt;
                      &lt;div class="item" id="privateFeed"&gt;Valmet internal&lt;/div&gt; 
                  &lt;/aura:if&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/aura:component&gt;
  </code></pre>
  
  <p>Any idea or solution on this problem?</p>