Skip to content

Commit b3630bd

Browse files
author
Tantek Çelik
committed
define ideal behavior for text-overflow:ellipsis on a block container element with overflow:scroll as a SHOULD for implementations, based on Opera's behavior which shows additional content as it is scrolled into view until all of the content is shown (and no ellipsis) rather than Webkit/IE9 behavior of scrolling the ellipsis and NOT showing additional content. Specify additional ideal and expected behavior beyond Opera's implementation that text that is scrolled off the other side SHOULD also be ellipsed.
1 parent 9ff4719 commit b3630bd

2 files changed

Lines changed: 71 additions & 2 deletions

File tree

css3-ui/Overview.html

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,12 +55,12 @@
5555
src="http://www.w3.org/Icons/w3c_home" width=72> </a>
5656
<h1>CSS Basic User Interface Module Level 3</h1>
5757

58-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 February
58+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 8 February
5959
2011</h2>
6060

6161
<dl>
6262
<dt>This version:</dt>
63-
<!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20110204">http://www.w3.org/TR/2011/ED-css3-ui-20110204</a></dd> -->
63+
<!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20110208">http://www.w3.org/TR/2011/ED-css3-ui-20110208</a></dd> -->
6464

6565
<dd><a
6666
href="http://dev.w3.org/csswg/css3-ui/">http://dev.w3.org/csswg/css3-ui/</a>
@@ -3043,6 +3043,38 @@ <h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
30433043
</table>
30443044
</div>
30453045

3046+
<h4 class="no-num no-toc"
3047+
id=ellipsis-interaction-with-scrolling-inte>ellipsis interaction with
3048+
scrolling interfaces</h4>
3049+
3050+
<p> This section applies to elements with text-overflow:ellipsis and
3051+
overflow:scroll.
3052+
3053+
<p> When an element with text-overflow:ellipsis has overflow of scroll in
3054+
the inline progression dimension of the text, and the browser provides a
3055+
mechanism for scrolling (e.g. a scrollbar on the element, or a touch
3056+
interface to swipe-scroll, etc.), there are additional implementation
3057+
details that provide a better user experience.
3058+
3059+
<p> When a user scrolls an element, more of the element's content is shown.
3060+
The value of text-overflow SHOULD NOT affect whether more of the element's
3061+
content is shown or not. If text-overflow:ellipsis is set, then as the
3062+
user manipulates the scrolling mechansim to scroll more content into view,
3063+
implementations SHOULD show whatever additional content fits, only
3064+
truncating content which would otherwise be clipped (or is necessary to
3065+
make room for the ellipsis), until the user scrolls far enough to display
3066+
the edge of the content at which point that content should be displayed
3067+
rather than an ellipsis.
3068+
3069+
<p> As the user is scrolling some content into view, it is likely that
3070+
other content may scroll out of view on the other side. If that content is
3071+
text whose block container element is the same that doing the scrolling,
3072+
then implementations SHOULD render an ellipsis in place of the clipped
3073+
text, with the same details as described in the value definition above,
3074+
except that the ellipsis is drawn in the start (rather than end) of the
3075+
block's direction (per the direction property), and the characters are
3076+
dropped in document source order.
3077+
30463078
<h2 id=pointing-devices-and-keyboards><span class=secno>10. </span>Pointing
30473079
Devices and Keyboards</h2>
30483080

css3-ui/Overview.src.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1658,6 +1658,43 @@ <h5 class="no-num no-toc">sample HTML fragments, renderings, and your browser:</
16581658

16591659
</div>
16601660

1661+
<h4 class="no-num no-toc">ellipsis interaction with scrolling interfaces</h4>
1662+
1663+
<p>
1664+
This section applies to elements with text-overflow:ellipsis
1665+
and overflow:scroll.
1666+
</p>
1667+
1668+
<p>
1669+
When an element with text-overflow:ellipsis has overflow of scroll
1670+
in the inline progression dimension of the text, and the browser
1671+
provides a mechanism for scrolling (e.g. a scrollbar on the element,
1672+
or a touch interface to swipe-scroll, etc.), there are
1673+
additional implementation details that provide a better user experience.
1674+
</p>
1675+
1676+
<p>
1677+
When a user scrolls an element, more of the element's content is shown.
1678+
The value of text-overflow SHOULD NOT affect whether more of
1679+
the element's content is shown or not. If text-overflow:ellipsis is set,
1680+
then as the user manipulates the scrolling mechansim to scroll
1681+
more content into view, implementations SHOULD show whatever
1682+
additional content fits, only truncating content which would
1683+
otherwise be clipped (or is necessary to make room for the ellipsis),
1684+
until the user scrolls far enough to display the edge of the content
1685+
at which point that content should be displayed rather than an ellipsis.
1686+
</p>
1687+
<p>
1688+
As the user is scrolling some content into view, it is likely that
1689+
other content may scroll out of view on the other side. If that content is
1690+
text whose block container element is the same that doing the scrolling,
1691+
then implementations SHOULD render an ellipsis in place of the clipped text,
1692+
with the same details as described in the value definition above,
1693+
except that the ellipsis is drawn in the start (rather than end) of
1694+
the block's direction (per the direction property), and the characters
1695+
are dropped in document source order.
1696+
</p>
1697+
16611698

16621699
<h2>Pointing Devices and Keyboards</h2>
16631700

0 commit comments

Comments
 (0)