[4.1.2] Extra checkbox in cycle button menu items

[burnnat]

REQUIRED INFORMATION
Ext version tested:

• Ext 4.1.2
• Ext 4.1.2a

Browser versions tested against:

• FF 15
• IE8
• Chrome 22

Description:

• When creating an Ext.button.Cycle component, its child menu items are rendered with an extra checkbox in them.
• This is a regression introduced in ExtJS 4.1.2, as it works fine under version 4.1.1 and earlier.

Steps to reproduce the problem:

• Create a cycle button with a few menu items.
• Click the cycle trigger to open the button's menu.

The result that was expected:

• One menu item should have a dot to indicate it is selected. The others should not.

The result that occurs instead:

• All menu items have an additional checkbox displayed on the right side of the menu.

Test Case:

Ext.onReady(function() {
    Ext.create('Ext.button.Cycle', {
        margin: 10,
        showText: true,
        prependText: 'View as ',
        renderTo: Ext.getBody(),
        menu: {
            items: [{
                text: 'text only',
                checked: true
            }, {
                text: 'HTML'
            }]
        }
    });
});

HELPFUL INFORMATION

Screenshot or Video:

• Expected result (as in 4.1.1 and earlier):
  cycle-menu-expected.png
• Actual result (in 4.1.2):
  cycle-menu.png

Additional CSS used:

• only default ext-all.css

Operating System:

• Win7

[mitchellsimoens]

We already have a bug entered for this.

[burnnat]

Thanks, Mitchell. Is there another forum thread for the same issue, or are you referring to an internal ticket? (I searched, but couldn't find any other bug thread for this.) I'm curious to know if anyone has a workaround...