Author Topic: Quick reply box stretches waaay off the screen  (Read 6699 times)

Offline borgy_t

  • Member
  • **
  • Posts: 2080
  • challenge accepted
Quick reply box stretches waaay off the screen
« on: June 18, 2011, 01:38:30 PM »
it goes off a long way to the right. im using firefox 4.0.1 and win7, resolution 1920x1080. anyone else has this problem?
Intel Core i5-4440 w/ Deepcool Ice Edge Mini FS 2.0 | Asus B85M-G | Zotac Geforce GTX960 2GB (128-bit) | G-Skill Ripjaws 16GB DDR3 1600 | Samsung 850 EVO 500GB | Mushkin Reactor 1TB | Dell U2311H | Corsair VS550 | Tecware Alpha | SteelSeries Rival 300 | SteelSeries Apex M500 (Cherry MX Blue)

Offline calvin

  • Member
  • **
  • Posts: 6263
Re: Quick reply box stretches waaay off the screen
« Reply #1 on: June 18, 2011, 04:02:31 PM »
It's works well with IE9

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

Online Sephiroth

  • Member
  • **
  • Posts: 5879
Re: Quick reply box stretches waaay off the screen
« Reply #2 on: June 18, 2011, 04:33:50 PM »
i'm using chrome and i have that kind of problem.

Offline ris

  • Member
  • **
  • Posts: 3830
Re: Quick reply box stretches waaay off the screen
« Reply #3 on: June 18, 2011, 07:22:28 PM »
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?
To steal ideas from one person is plagiarism
To steal from many is research

Offline splerdu

  • Veterans
  • Member
  • ***
  • Posts: 7302
Re: Quick reply box stretches waaay off the screen
« Reply #4 on: June 18, 2011, 10:07:48 PM »
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


fhtagn

Offline splerdu

  • Veterans
  • Member
  • ***
  • Posts: 7302
Re: Quick reply box stretches waaay off the screen
« Reply #5 on: June 18, 2011, 10:21:57 PM »
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
fhtagn

Offline wheelee

  • Member
  • **
  • Posts: 3776
  • This is a test of the emergency sound system....
Re: Quick reply box stretches waaay off the screen
« Reply #6 on: June 18, 2011, 11:44:40 PM »
me too me too >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
what is love? baby don't hurt me, no more.

Offline Louie

  • Administrator
  • Member
  • *
  • Posts: 8868
  • Every end is a new beginning
    • PinoyPC
Re: Quick reply box stretches waaay off the screen
« Reply #7 on: June 19, 2011, 01:00:49 AM »
Hehe the update to SMF 2.0 messed up the Quick Reply.

Offline Louie

  • Administrator
  • Member
  • *
  • Posts: 8868
  • Every end is a new beginning
    • PinoyPC
Re: Quick reply box stretches waaay off the screen
« Reply #8 on: June 19, 2011, 01:13:03 AM »
I think it's fixed.

Offline borgy_t

  • Member
  • **
  • Posts: 2080
  • challenge accepted
Re: Quick reply box stretches waaay off the screen
« Reply #9 on: June 19, 2011, 01:53:00 AM »
fixed nao. thanks boss louie! :D
Intel Core i5-4440 w/ Deepcool Ice Edge Mini FS 2.0 | Asus B85M-G | Zotac Geforce GTX960 2GB (128-bit) | G-Skill Ripjaws 16GB DDR3 1600 | Samsung 850 EVO 500GB | Mushkin Reactor 1TB | Dell U2311H | Corsair VS550 | Tecware Alpha | SteelSeries Rival 300 | SteelSeries Apex M500 (Cherry MX Blue)

Offline calvin

  • Member
  • **
  • Posts: 6263
Re: Quick reply box stretches waaay off the screen
« Reply #10 on: June 19, 2011, 03:02:09 AM »
err... it actually became wider
Using Chrome

Offline splerdu

  • Veterans
  • Member
  • ***
  • Posts: 7302
Re: Quick reply box stretches waaay off the screen
« Reply #11 on: June 19, 2011, 03:39:27 AM »
Posting this from Chrome, it is teh fix0red.
fhtagn

Offline ris

  • Member
  • **
  • Posts: 3830
Re: Quick reply box stretches waaay off the screen
« Reply #12 on: June 19, 2011, 04:17:46 AM »
fixed na din sa firefox 4
To steal ideas from one person is plagiarism
To steal from many is research

Offline reel

  • Member
  • **
  • Posts: 5083
Re: Quick reply box stretches waaay off the screen
« Reply #13 on: June 19, 2011, 06:45:21 AM »
lol its over three screenfuls long here on Chrome
Save Earth. Eat Plastic.

Offline ris

  • Member
  • **
  • Posts: 3830
Re: Quick reply box stretches waaay off the screen
« Reply #14 on: June 19, 2011, 08:27:33 AM »
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
To steal ideas from one person is plagiarism
To steal from many is research

Offline Louie

  • Administrator
  • Member
  • *
  • Posts: 8868
  • Every end is a new beginning
    • PinoyPC
Re: Quick reply box stretches waaay off the screen
« Reply #15 on: June 19, 2011, 11:05:55 AM »
Could you check modify post again?

Offline ris

  • Member
  • **
  • Posts: 3830
Re: Quick reply box stretches waaay off the screen
« Reply #16 on: June 19, 2011, 01:31:24 PM »
Could you check modify post again?

ganun parin.  lampas parin
To steal ideas from one person is plagiarism
To steal from many is research

Offline Louie

  • Administrator
  • Member
  • *
  • Posts: 8868
  • Every end is a new beginning
    • PinoyPC
Re: Quick reply box stretches waaay off the screen
« Reply #17 on: June 19, 2011, 04:54:37 PM »
I'm on Firefox 4 and I'm not seeing the problem. But I'll look at the CSS later again.

Offline calvin

  • Member
  • **
  • Posts: 6263
Re: Quick reply box stretches waaay off the screen
« Reply #18 on: June 19, 2011, 05:24:43 PM »
Could you check modify post again?

ganun parin.  lampas parin

like this?


Offline ris

  • Member
  • **
  • Posts: 3830
To steal ideas from one person is plagiarism
To steal from many is research