When configuring baseCls, UI config gets applied incorrectly

[jweber]

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch 2.1.1

Browser versions tested against:

• Chrome for Mac 25.0.1364.99

DOCTYPE tested against:

• html

Description:

• When you create a component using a config object that includes a "baseCls" config and a "ui" config, the component's default ui + default baseCls gets applied, in addition to the custom ui + custom baseCls.

Steps to reproduce the problem:

• Load the code below

The result that was expected:

• The button element has a "mybutton-custom" class, but doesn't have a "x-button-normal" class.

The result that occurs instead:

• The button element has both classes.

Test Case:

Ext.define('MyView', {
	extend: 'Ext.Container',
	config: {
		fullscreen: true,
		items: [{
			xtype: 'button',
			baseCls: 'mybutton',
			ui: 'custom',
			text: 'Hello'
		}]
	}
});
var view = Ext.create('MyView');

HELPFUL INFORMATION


Screenshot or Video:

• N/A

See this URL for live test case: N/A


Debugging already done:

• It looks like this is caused by Component.updateBaseCls, which calls getUI. This causes the old UI class to be applied.

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Mac OS 10.8.3

[mitchellsimoens]

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