Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#6763 closed Bug (fixed)

addRichCombo chrome (webkit?) custom plugin bug

Reported by: dustin Owned by:
Priority: Normal Milestone:
Component: UI : Toolbar Version: 3.5
Keywords: addRichCombo chrome webkit plugin Cc:

Description

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:

Attachments (1)

richcombo.png (31.2 KB) - added by dustin 9 years ago.
image of the bug

Download all attachments as: .zip

Change History (5)

Changed 9 years ago by dustin

Attachment: richcombo.png added

image of the bug

comment:1 in reply to:  description Changed 9 years ago by 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.

comment:2 Changed 9 years ago by dustin

Resolution: fixed
Status: newclosed

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.

comment:3 in reply to:  2 ; Changed 9 years ago by 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?

comment:4 in reply to:  3 Changed 9 years ago by 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.

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy