Quick reply box stretches waaay off the screen

[borgy_t]

it goes off a long way to the right. im using firefox 4.0.1 and win7, resolution 1920x1080. anyone else has this problem?

[calvin]

It's works well with IE9

Both Chrome and 64-bit FF Nightly v 7.0a are affected.

[Sephiroth]

i'm using chrome and i have that kind of problem.

[ris]

i also have that problem.  just noticed now.  using firefox 4.0.1 with add ons running.  any info which add ons(if ever) are doing this?

[splerdu]

Nah it's not any of your plugins. It's just firefox properly rendering 600 characters worth of width in the textbox. It's missing the .editor class, and hence not receiving the proper max-width property that class carries:

Code: [Select]

<textarea tabindex="1" name="message" rows="7" cols="600"></textarea>

CSS:

Code: [Select]

#quickReplyOptions form textarea {
    height: 100px;
    margin: 0.25em 0 1em;
}
index.css?rc3 (line 1933)
textarea {
    font: 100%/130% verdana,Helvetica,sans-serif;
}
index.css?rc3 (line 91)
input, button, select, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #7F9DB9;
    color: #000000;
    font: 95%/115% verdana,Helvetica,sans-serif;
    padding: 2px;
}
index.css?rc3 (line 68)
Inherited frombody
body, td, th, tr {
    color: #666666;
}
index.css?rc3 (line 37)
body {
    font: 12px/130% Tahoma,sans-serif;
}
index.css?rc3 (line 23)

Box Properties:

Code: [Select]

width 4057.98px
height 100px


[splerdu]

Code for the regular reply box:
Notice class="editor"

Code: [Select]

<textarea style="height: 175px;" tabindex="2" onchange="storeCaret(this);" onkeyup="storeCaret(this);" onclick="storeCaret(this);" onselect="storeCaret(this);" cols="600" rows="12" id="message" name="message" class="editor"></textarea>

CSS:

Code: [Select]

element.style {
    height: 175px;
}
.editor, .rich_editor_frame {
    border: 1px solid #808080;
    margin: 0;
    padding: 2px !important;
}
editor.css (line 9)
.editor {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}
editor.css (line 2)
textarea {
    font: 100%/130% verdana,Helvetica,sans-serif;
}
index.css?rc3 (line 91)
input, button, select, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #7F9DB9;
    color: #000000;
    font: 95%/115% verdana,Helvetica,sans-serif;
    padding: 2px;
}
index.css?rc3 (line 68)
Inherited frombody
body, td, th, tr {
    color: #666666;
}
index.css?rc3 (line 37)
body {
    font: 12px/130% Tahoma,sans-serif;
}
index.css?rc3 (line 23)

Box Model:

Code: [Select]

width 738.167px
height 175px

[wheelee]

me too me too >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

[Louie]

Hehe the update to SMF 2.0 messed up the Quick Reply.

[Louie]

I think it's fixed.

[borgy_t]

fixed nao. thanks boss louie!

[calvin]

err... it actually became wider
Using Chrome

[splerdu]

Posting this from Chrome, it is teh fix0red.

[ris]

fixed na din sa firefox 4

[reel]

lol its over three screenfuls long here on Chrome

[ris]

lol its over three screenfuls long here on Chrome

lolz!  meron akong problem sa modify post.  dun naman nangyayari yung off screen.  sa quick reply ayos na sakin.  kaka edit ko lang kasi ng post kanina at napansin ko lampas

[Louie]

Could you check modify post again?

[ris]

Could you check modify post again?

ganun parin.  lampas parin

[Louie]

I'm on Firefox 4 and I'm not seeing the problem. But I'll look at the CSS later again.

[calvin]

Could you check modify post again?

ganun parin.  lampas parin

like this?

[ris]

Could you check modify post again?

ganun parin.  lampas parin

like this?

yup