StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCKEditor textarea extending out past box in Chrome and Safari
primarykey
Id
3893476
data
AcceptedAnswerId
7420858
AnswerCount
9
ClosedDate
CommentCount
7
CommunityOwnedDate
CreationDate
2010-10-08T18:54:04.930
FavoriteCount
0
LastActivityDate
2016-01-29T12:56:31.760
LastEditDate
2010-10-08T21:07:39.927
LastEditorUserId
244061
OwnerUserId
244061
ParentId
0
PostTypeId
1
Score
2
ViewCount
7463
LastEditorDisplayName
text
Body
<p>In FF, Opera, IE the CKEditor is working and looks great. But in Chrome and Safari it is not sizing correctly, and is extending past the container that it is inside. I assume this is because Chrome and Safari are currently the most standards compliant. See the images below.</p> <p><strong>Chrome</strong></p> <p><img src="https://i.stack.imgur.com/creAG.png" alt="alt text"></p> <p><strong>Opera</strong></p> <p><img src="https://i.stack.imgur.com/sKpQN.png" alt="alt text"></p> <p>I tried removing all of my CSS files to see if it was my css causing the issue, but that did not fix it either. Here is my call to CKEditor</p> <pre><code>//Make all textareas use the ckeditor $('textarea.WYSIWYG').ckeditor({ toolbar: [ ['Styles', 'Format'], ['Bold', 'Italic', 'NumberedList', 'BulletedList', 'Link'] ], height: 100, width: "225px", enterMode : CKEDITOR.ENTER_BR, resize_enabled: false }); </code></pre> <p>Any ideas what could cause this?</p> <p><strong>UPDATE</strong></p> <p>Here is a VERY dumbed down version of the code still causing the error.</p> <pre><code><!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Title</title> <script type="text/javascript" src="library/javascript/global/JQuery.core.js"></script> <script type="text/javascript" src="resources/local_javascript/ckeditor/ckeditor.js"></script> <script type="text/javascript" src="resources/local_javascript/ckeditor/adapters/jquery.js"></script> <script type="text/javascript" src="resources/local_javascript/base.js"></script> </head><body> <div id="outerWrapper"> <table id="FAQTable"> <tr id="editingRow"> <td class="fixedWidth"> <textarea class="WYSIWYG" id="FAQQuestionInput" rows="5" cols="1"></textarea> </td> <td class="fixedWidth"> <textarea class="WYSIWYG" id="FAQAnswerInput" rows="5" cols="1"></textarea> </td> </tr> </table> </div> </code></pre> <p> </p> <p>And here is the new image</p> <p><img src="https://i.stack.imgur.com/bU9Gg.png" alt="alt text"></p>
Tags
<javascript><jquery><google-chrome><ckeditor>
Title
CKEditor textarea extending out past box in Chrome and Safari
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USMetropolis
UserOwnerUserId
1. USMetropolis
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POCKEditor textarea extending out past box in Chrome and Safari
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POCKEditor textarea extending out past box in Chrome and Safari
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.