Ext version tested:

  • Ext 5.0.0.736 (Public Beta)

  • Ext 5.0.0 GPL


Browser versions tested against:



  • Chrome

  • FF29.0.1 (firebug 1.12.8 installed)




Description:

  • Links in included EL in component xtype is un-clickable when using ExtJS 5 GPL Release. When using public beta version, bug not reproducible.


Steps to reproduce the problem:



  • Setup viewport with north and center region.

  • center region is set to html content.

  • north region is set to height 73, xtype component, set el to pagetHeader div id name


The result that was expected:



  • Clickable links in included el


The result that occurs instead:



  • Un-clickable links in included el




Code Below:


HTML Code:



Ext.onReady(function(){


    var viewport = new Ext.Viewport({
        layout: 'border',
        frame: false,
        border: false,
        items:[{
                region: 'north',
                xtype: 'component',
                height: 73,
                el: 'pageHeader'
            }, new Ext.Panel({
                region: 'center',
                id: 'mainId',
                html: "test"

            })]
    });


});



<div id="pageHeader">
        <div class="container">
            <div id="head" class="head">
                <h2>Page 1</h2>
                <dl class="main list">
                    <dt class="link selected">
                        <a href="./page1.jsp"><img src="../../includes/images/icons/chart_pie.png" >&nbsp; Page 1</a>
                    </dt>
                    <dt class="link">
                        <a href="./page2.jsp"><img src="../../includes/images/icons/user_suit.png" >&nbsp; Page 2</a>
                    </dt>


                </dl>
            </div>
        </div>
</div>