770620 - MDN Demos "Report a Problem" popup has text box that is way too wide (sticks outside of its container)

Status: RESOLVED INCOMPLETE

(Websites :: demos.mozilla.org, defect)

Description

[Daniel Holbert [:dholbert]]

STR:
 1. Load https://developer.mozilla.org/en-US/demosdetail/snappytree/launch
 2. Click "Report a Problem" near top-center
 3. Type a bunch of text in the text box -- enough text that it should wrap to a new line.

ACTUAL RESULTS: Text overflows off the right side of the box (invisible) and then finally wraps after ~40 characters have overflowed.

I suspect this is because the textbox is sized to be much wider than its container. The textbox should probably be smaller.

I can reproduce in latest nightly:
  Mozilla/5.0 (X11; Linux x86_64; rv:16.0) Gecko/16.0 Firefox/16.0
as well as in Firefox release:
  Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:13.0) Gecko/20100101 Firefox/13.0.1
so I suspect it's a website bug, not a layout regression.

INVESTIGATION:
The "inspect element" tool shows that the element "section#content" has computed width = 600px, and its child "div.wrap" has computed width == 940px, and all the children inside of that down to the textbox have widths > 900px.  So -- we want all of those things to have widths closer to 600px (the width of container "section#content").

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screencast

here's a screencast of text overflowing the visible region of the textbox.

Comment 2

[Lavish Aggarwal]

Link of above Demo has been changed.
https://developer.mozilla.org/en-US/demos/detail/snappytree

And above bug is already fixed.

I will suggest to close this bug

Comment 3

[u597032]

Website is no longer active