JS error at card layout with chart

[martini3oz]

I found problem.

• Main form with card layout.
• First item is chart component.
• Second item is just panel.
• Change activeitem to second panel.
• Then change activeitem to first panel.
• You'll see JS error in your console.

You can see this problem and solution at

https://fiddle.sencha.com/#fiddle/f6u

[LesJ]

I don't see any error when clicking the two or one button.

What does the error say?... and how to reproduce it?

[Gary Schlosberg]

Agreed. I tried in various browsers and operating systems. Can you please provide more details on how to recreate this issue?

[LesJ]

This is most likely not related to the problem at hand, but you are over-nesting panels.

See this ticket for more info.

[martini3oz]

Try it. You'll see JS error your debugger console.https://fiddle.sencha.com/#fiddle/f7s

[martini3oz]

This problem should be occure in any browser.Because that method don't check the function exisits.if (c.isFocusable()) {

[westoncerny]

I have the same problem. I reproduce it easier with the chart on the second panel.
Here is the fiddle
https://fiddle.sencha.com/#fiddle/f7v

Just let it load the first panel and then click the "page 2"

I have a slightly different workaround, but I think the original workaround is more encompassing.

[Gary Schlosberg]

Thanks for the report! I have opened a bug in our bug tracker.

[greatranil]

Anybody found workaround for this ...??

[martini3oz]

Try this override.

Ext.define('Override.ComponentQuery', {
    override: 'Ext.ComponentQuery'
},function () {
    
    Ext.apply(this.pseudos, {
        
        focusable: function(cmps) {
            var len = cmps.length,
                results = [],
                i = 0,
                c;
            
            for (; i < len; i++) {
                c = cmps[i];
                // If this is a generally focusable Component (has a focusEl, is rendered, enabled and visible)
                // then it is currently focusable if focus management is enabled or if it is an input field, a button or a menu item
                if (c.isFocusable && c.isFocusable()) {
                // if (c.isFocusable()) {
                    results.push(c);
                }
            }
            
            return results;
        },

    });
});