https://bugzilla.wikimedia.org/show_bug.cgi?id=56692

Fomafix <[email protected]> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
  Attachment #13716|0                           |1
        is obsolete|                            |

--- Comment #2 from Fomafix <[email protected]> ---
Created attachment 13719
  --> https://bugzilla.wikimedia.org/attachment.cgi?id=13719&action=edit
display:block and box-sizing:border-box for textarea

The #config-live-log { overflow: hidden } was not a mistake. Nothing gets
clipped out because the textarea wraps the content.

The webinstaller generates the following HTML:
<div class="config-page-list">Floating box</div>
<h2>Heading</h2>
<div id="config-live-log"><textarea>Livelog</textarea></div>

The heading uses already h2 { overflow: hidden } to stop the bottom line at the
margin of the floating box.
The #config-live-log { margin-right: 18em } generates a big right margin with
fixed width to keep space for the floating box because the div and the floating
box overlap.
#config-live-log { overflow: hidden } is a trigger to generate a div with a
width of the remaining space without the floating box.
#config-live-log { display: flex } is an other possibility to generate the same
result. But the Internet Explorer doesn't support display: flex.
(https://developer.mozilla.org/en-US/docs/Web/CSS/display#Browser_compatibility)
An additional #config-live-log { min-width: 20em } is useful to allow wrapping
the livelog below the floating box when the window is too small. I put this in
the new patch.


http://www.w3.org/TR/2010/WD-CSS2-20101207/sample.html suggests a initial value
textarea { display: inline-block }
With textarea { width: 100% } a textarea { display: block } would be general
useful or the following box is bigger than the screen:
<div style="white-space:nowrap">start text <textarea>textarea</textarea> end
text</div>
I put these changes in the new patch.

-- 
You are receiving this mail because:
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to