title: Extending TooltipBase with QucikView cause error: 'sap.m.Popover id is opened by a control which isn't rendered yet."
body: <p>I extended sap.ui.core.TooltipBase with mouseover event handling with creation of sap.m.QuickView which is attached to some sap.ui.core.Icon:</p>
  
  <pre><code>    sap.ui.define(function () {
      "use strict";
      return sap.ui.core.TooltipBase.extend("abc.reuseController.TooltipBase", { 
              metadata: {
                  events: {
                      "onmouseover" : {}  
                  }
              },
              oView: null,
  
              setView : function(view){
                  this.oView = view;
              },
  
  //          the hover event handler, it is called when the Button is hovered - no event registration required
              onmouseover : function() {
                  this._createQuickView();
              },
  
              _createQuickView: function(){
                  var view = this.oView;
                  alert("Event mouseover.");
  
  //              create QuickViewGroupElement
                  var oQuickViewGroupElement = new sap.m.QuickViewGroupElement();
                  oQuickViewGroupElement.setLabel("item");
                  oQuickViewGroupElement.setValue("value");
  
  //              create QuickViewGroup
                  var oQuickViewGroup = new sap.m.QuickViewGroup();
                  oQuickViewGroup.addElement(oQuickViewGroupElement);
  
  //              create QuickViewPage
                  var oQuickViewPage = new sap.m.QuickViewPage();
                  oQuickViewPage.addGroup(oQuickViewGroup);
  
  //              create QuickView
                  var oQuickView = new sap.m.QuickView();
                  oQuickView.addPage(oQuickViewPage); 
  
  //              connect QuickView with Button
                  oQuickView.openBy(view.byId("filterButton"));                           
              },
          });  
  });
  </code></pre>
  
  <p>In my controller I added TooltipBase to sap.ui.core.Icon with id="filterButton": </p>
  
  <pre><code>var oTooltipBase = new TooltipBase();           
  oTooltipBase.setView(this.getView());   
  
  var oIconFilterButton = this.byId("filterButton");
  oIconFilterButton.setTooltip(oTooltipBase);
  </code></pre>
  
  <p>I would like to get QuickView to be shown when I hover over this Icon, which is placed on the ChartContainer in the xml:                        </p>
  
  <pre><code>&lt;suite:customIcons&gt;                 
     &lt;core:Icon id="filterButton" src="sap-icon://drop-down-list" press="onFilterDialogOpen" width="2em"/&gt; 
  &lt;/suite:customIcons&gt;
  </code></pre>
  
  <p>Hovering over this icon works well, alert("Event mouseover."); is shown, also QuickView is created correctly (I tried the same code on sap.m.Button), but I get error on this line in the sap.ui.core.TooltipBase.extend:</p>
  
  <pre><code>oQuickView.openBy(view.byId("filterButton")); 
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/JKTo4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JKTo4.png" alt="enter image description here"></a></p>
  
  <p>It is from this sap library:</p>
  
  <p><a href="https://i.stack.imgur.com/Uqu67.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uqu67.png" alt="enter image description here"></a></p>
  
  <p>And this line d = this._getOpenByDomRef(); returns null, but why I have no clue:</p>
  
  <p><a href="https://i.stack.imgur.com/eY3AF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eY3AF.png" alt="enter image description here"></a></p>
  
  <p>I am not sure if here is somenone who met this issue, but if yes I would be really glad.  </p>