I have a comment input box beneath my article content type that is using wysiwyg and ckeditor handle text input. The article and comment areas are about 610px wide, but for some reason, the comment text input box wants to scroll horizontally.

I tried to fix it via css, but am not able to properly identify the selectors that control the width of the content area. I am able to fix the issue using Firebug, but I can't seem to pinpoint the selectors to put into my stylesheets.

Can someone point me figure out how to keep the comment box from scrolling horizontally?

Thank you,
Joe

CommentFileSizeAuthor
Comment-text-area.png22.76 KBpkchoo
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

TwoD’s picture

Status: Active » Postponed (maintainer needs more info)

Which element gets the scrollbar and which one do you modify using Firebug to get rid of it?
Does it also happen in a default Drupal theme?

pkchoo’s picture

Sorry for the delayed reply. I missed your response.

If I select:

<body class="cke_show_borders" contenteditable="true" spellcheck="false">

and change the

body {min-width: 960px;} to body {min-width: 460px;}

It works for me.

When I switch to another theme (Bartik for example), the problem with sizing does not occur, so it does look like the theme is overriding it.

Is there a way to target the css regardless?

Thank you,
Joe

TwoD’s picture

Status: Postponed (maintainer needs more info) » Closed (fixed)

Opps, my time to apologize! I'm very sorry I missed your response.

If you want to tweak CKEditor's minimum width, you can use hook_wysiwyg_editor_settings_alter() to override the resize_minWidth setting or perhaps the plain width setting. I think changing those to a value more suitable for your theme should fix the error.

If not, please change the issue status back to "active" so it shows up at the top of the default queue view and I'll have another look.

TwoD’s picture

Issue summary: View changes

I am able to fix the issue using Firebug, but I can't seem to pinpoint the selectors to put into my stylesheets.