Changes

Jump to: navigation, search

Tantek-Mozilla-Projects

4,672 bytes removed, 07:15, 22 January 2011
remaining tasks: text-overflow moved to done/drafted section
* '''resolve issues'''. resolve/apply proposals from issues list: http://wiki.csswg.org/spec/css3-ui
 
* <span id="text-overflow">'''text-overflow'''</span>. consider incorporating '[https://developer.mozilla.org/En/CSS/text-overflow text-overflow]', since it's more a UI/overflow thing than a typesetting thing. There are at least 3 implementations (IE, WebKit, Opera), and has a bug against Firefox: [https://bugzilla.mozilla.org/show_bug.cgi?id=312156 312156]
** Wanted for post-FF4; mats will be working on it, needs spec
** W3C: http://dev.w3.org/csswg/css3-text/#text-overflow
*** http://www.w3.org/blog/CSS/2009/11/25/resolutions_84 for bidi discussions
** DevMo: https://developer.mozilla.org/En/CSS/text-overflow
** Webkit: http://developer.apple.com/library/safari/documentation/appleapplications/reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW24
** Microsoft/IE: http://msdn.microsoft.com/en-us/library/ms531174(VS.85).aspx
** write test cases for 'ellipsis' and 'clip' (default value) and confirm cross-browser support.
** Details that [https://bugzilla.mozilla.org/show_bug.cgi?id=312156#c21 RoC wants]:
*** What style the ellipsis has (font, color, etc) ... does it come from the text or does it come from the element with text-overflow on it?
**** need test case to see what Webkit, IE, Opera do
**** first thought: comes from the text that is ellipsed.
*** does text-overflow inherit by default or not?
**** Inherited: no
*** how does it work with text-align:right, does the ellipsis go on the left?
**** text-align does not affect text-overflow
*** how does it work with bidi text, e.g. a line of Hebrew?
**** it works in the inline-flow direction
*** What about mixed bidi text e.g. English followed by Hebrew? Can bidi text make the ellipsis appear at the beginning of the line? I'm particuarly interested in the case of an LTR word followed by an RTL word that doesn't fit, e.g. <pre>english WERBEH</pre>where only "english HEB" fits, where should the ellipsis go?
**** "english …BEH" presumably
*** what happens if there's replaced content near the end of the line, say an image?
**** the image would wrap to the next line. but if there is white-space:nowrap, then...
*** Do you get the ellipsis or does the image overflow?
**** Images never cause ellipsis (in current implementations) per https://bugzilla.mozilla.org/show_bug.cgi?id=312156#c28
*** If an ellipsis, where does the ellipsis go?
**** it goes instead of the image and any text you have to remove in order to make the ellipsis fit.
 
text-overflow draft spec markup, moved from http://dev.w3.org/csswg/css3-text/Overview.src.html#ui to here:
 
<pre><nowiki>
<h3 id="text-overflow"><a name="text-overflow-props"></a><a name="text-overflow-mode"></a><a name="text-overflow-ellipsis"></a><a name="ellipsis-def"></a>
 
Overflow Ellipsis: the 'text-overflow' property</h3>
 
<table class="propdef">
<tbody>
<tr>
<th>Name:</th>
<td><dfn>text-overflow</dfn></td>
</tr>
<tr>
 
<th>Value:</th>
<td>clip | ellipsis
</td>
</tr>
<tr>
<th>Initial:</th>
<td>clip</td>
 
</tr>
<tr>
<th>Applies to:</th>
<td>block containers</td>
</tr>
<tr>
<th>Inherited:</th>
 
<td>no</td>
</tr>
<tr>
<th>Percentages:</th>
<td>N/A</td>
</tr>
<tr>
 
<th>Media:</th>
<td>visual</td>
</tr>
<tr>
<th>Computed&#160;value:</th>
<td>as specified</td>
 
</tr>
</tbody>
</table>
 
<p>This property specifies the behavior when text overflows containing element.
Values have the following meanings:</p>
 
<dl>
<dt><dfn title="text-overflow:clip"><code>clip</code></dfn></dt>
<dd>Clip text as appropriate. Glyphs may be only partially rendered.</dd>
 
<dt><dfn title="text-overflow:ellipsis"><code>ellipsis</code></dfn></dt>
<dd>Render an ellipsis (U+2026) to represent clipped text.</dd>
</dl>
</nowiki></pre>
 
Dropped &lt;string&gt; value because [https://bugzilla.mozilla.org/show_bug.cgi?id=312156#c78 there's no implementation of that for now]. We can consider adding text-overflow: &lt;string&gt; to CSS4-UI. Here are the markup changes for that:
 
<pre><nowiki>
<td>clip | ellipsis | <a class="noxref" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string"><span class="value-inst-string">&lt;string&gt;</span></a>
</td>
...
<dt><dfn title="text-overflow:&lt;string&gt;"><code><var>&lt;string&gt;</var></code></dfn></dt>
<dd>Render the given string to represent clipped text.</dd>
</nowiki></pre>
 
 
* '''overflow-x overflow-y'''. consider incorporating '''[https://developer.mozilla.org/En/CSS/Overflow-x overflow-x]''' and '''[https://developer.mozilla.org/En/CSS/Overflow-y overflow-y]'''
** pull-in the entirety of section 16 from
Canmove, confirm
2,679
edits

Navigation menu