addRichCombo chrome (webkit?) custom plugin bug

[dustin]

when creating a new plugin and utilizing addRichCombo, the dropdown appears to go on infinitely and appears over the header in chrome. See image for an example:

[dustin]

image of the bug

[dustin]

Replying to dboersma:

when creating a new plugin and utilizing addRichCombo, the dropdown appears to go on infinitely and appears over the header in chrome. See image for an example:

update: if you click an existing built in combo such as FontSize and then click the custom combo, it appears to almost work.

[dustin]

This was a styling issue. Manually setting the css rules for this combo menu fixes the issue. Another solution is to set the class to one of the other combo menu class names and use their rules.

[Robert Cullen]

Replying to dboersma:

This was a styling issue. Manually setting the css rules for this combo menu fixes the issue. Another solution is to set the class to one of the other combo menu class names and use their rules.

Is it possible for you to give some example code on how to fix this? Or at least point me in the direction of the files I would need to tweek?

[dustin]

Replying to cullenrc:

Replying to dboersma:

This was a styling issue. Manually setting the css rules for this combo menu fixes the issue. Another solution is to set the class to one of the other combo menu class names and use their rules.

Is it possible for you to give some example code on how to fix this? Or at least point me in the direction of the files I would need to tweek?

I found the css class that the existing RichCobos use (cke_format) and added that to my custom plugin because those were working without any problems.

(function () {
    CKEDITOR.plugins.add('magictext', {
        requires: ['richcombo'],

        init: function (editor) {
            var config = editor.config;
            var title = 'Magic Text';
            editor.ui.addRichCombo('MagicText', {
                    label: title,
                    title: 'MagicText',
                    className: 'cke_format',
                    ...

You can find the styling rules in \skins\WHICHEVERTHEME if would like to fix the styling or make tweaks to this element yourself. I haven't looked much into it but I would assume there is some JavaScript associated with these dropdowns as well given the funky behavior so you might need to shuffle through the Core files as well.