Skip to content

Commit e0ed9f6

Browse files
fantasaifantasai
committed
Merge
2 parents a119fb8 + 2c5b36e commit e0ed9f6

6 files changed

Lines changed: 125 additions & 26 deletions

File tree

‎css-syntax/Overview.bs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3354,7 +3354,7 @@ Serialization</h2>
33543354
<td>✗<td>✗<td>✗<td>✗<td>✗<td>✗<td>✗<td>✗<td> <td> <td>
33553355
<tr>
33563356
<th>-
3357-
<td>✗<td>✗<td>✗<td>✗<td> <td>✗<td>✗<td>✗<td> <td> <td>
3357+
<td>✗<td>✗<td>✗<td>✗<td>✗<td>✗<td>✗<td>✗<td> <td> <td>
33583358
<tr>
33593359
<th>number
33603360
<td>✗<td>✗<td>✗<td>✗<td> <td>✗<td>✗<td>✗<td> <td> <td>

‎css-ui-4/Overview.bs‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,85 @@ Abstract: This is a delta specification over CSS-UI Level 3.
7070

7171
Issue: Add final level 3 content
7272

73+
This specification introduces a new value to the 'text-overflow' property:
74+
''text-overflow/fade'', as well as its functional notation variant ''fade()''.
75+
76+
<pre class='partial propdef'>
77+
Name: text-overflow
78+
New values: ''fade'' | <<fade()>>
79+
Computed value: As specified, with <<length>> converted to absolute units
80+
</pre>
81+
82+
<dl dfn-type=value dfn-for=text-overflow>
83+
<dt dfn-type=function><dfn>fade( <<length>> | <<percentage>> )</dfn></dt>
84+
<dd>Clip inline content that overflows its line box.
85+
Characters may be only partially rendered.
86+
In addition, the UA must apply a fade out effect
87+
near the edge of the line box,
88+
reaching complete transparency at the edge.
89+
90+
Issue: Do we need to define the way
91+
the fade out is calculated
92+
so that the fading is identical across browsers?
93+
It should probably be something like
94+
''mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0))'',
95+
except applied to the relevant portion of the line only.
96+
97+
The argument determines the distance
98+
over which the fade effect is applied.
99+
The <<percentage>> is resolved against the width of the line box.
100+
Values lower than 0 are clipped to 0.
101+
Values greater than the width of the line box are clipped to the width of the line box.
102+
103+
Issue: If the line box is too short
104+
to display the fade effect at the desired length,
105+
should we drop the effect,
106+
or shrink the distance it is applied over until it fits,
107+
or clip the end of the fade?
108+
109+
<dt><dfn>fade</dfn></dt>
110+
<dd>Same as ''fade()'',
111+
but the distance over which the fading effect is applied
112+
is determined by the UA.
113+
''1em'' is suggested as a reasonable value.
114+
</dl>
115+
116+
Issue: How should we deal with
117+
things overflowing out of the line box,
118+
or overlapping onto it?
119+
Should fade apply to the logical content of the line,
120+
or to the physical area of the line box,
121+
or the intersection of both?
122+
123+
<div class="example">
124+
125+
<style>
126+
</style>
127+
<table style="color:#000;background:#fff" id="awesome-table"><tbody>
128+
<tr><th>HTML</th><th>sample rendering</th><th>your browser</th></tr>
129+
130+
<tr>
131+
<td><pre><code class="lang-markup">&lt;div style="<strong>text-overflow:fade;</strong> overflow:hidden"&gt;
132+
CSS IS AWESOME, YES
133+
&lt;/div&gt;
134+
</code></pre></td>
135+
136+
<td>
137+
<object type="image/png" data="images/cssisfade.png">
138+
a box with the text fading out on overflow.
139+
</object></td>
140+
141+
<td>
142+
<div style="width:3.1em; border:solid .1em black; padding:.2em; font-family:Helvetica,sans-serif; line-height:1.1; overflow:hidden;text-overflow:clip;">CSS IS AWESOME, YES</div>
143+
</td>
144+
</tr>
145+
</table>
146+
147+
</div>
148+
149+
150+
151+
73152
<h2 id="pointing-keyboard">Pointing Devices and Keyboards</h2>
74153

75154
<h3 id="pointer-interaction">Pointer interaction</h3>

‎css-ui-4/images/cssisfade.png‎

9.45 KB
Loading

‎css-writing-modes/Overview.bs‎

Lines changed: 26 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -949,6 +949,18 @@ SVG1.1 'writing-mode' Values</h4>
949949
on whether this process causes "writing-mode: rl" to merely shift the
950950
text string or reverse the order of all glyphs in the text.</p>
951951

952+
<div class="note" id="embedded-svg-inheritance">
953+
<p>As all other CSS properties do,
954+
the 'writing-mode' property inherits to embedeed inline SVG elements.
955+
This could cause unintentional side effects when, for example,
956+
an SVG designed only for horizontal flow was embedded inline into a vertical flow document.
957+
958+
<p>Authors can prevent this from happening by adding the following rule:
959+
<div class="example">
960+
<pre>svg { writing-mode: initial; }</pre>
961+
</div>
962+
</div>
963+
952964
<h2 id="inline-alignment">
953965
Inline-level Alignment</h2>
954966

@@ -1215,15 +1227,14 @@ Orienting Text: the 'text-orientation' property</h3>
12151227
<p>This value is typical for layout of primarily vertical-script text.
12161228
<dt><dfn>upright</dfn></dt>
12171229
<dd><p>In vertical writing modes, characters from horizontal-only
1218-
scripts are rendered upright, i.e. in their standard horizontal
1219-
orientation.
1230+
scripts are rendered <a href="#typeset-upright">upright</a>,
1231+
i.e. in their standard horizontal orientation.
12201232
Characters from vertical scripts are set with their intrinsic orientation
12211233
and shaped normally.
12221234
See <a href="#vertical-orientations">Vertical Orientations</a> for further details.
12231235
<p>For the purposes of bidi reordering, this value causes all
12241236
characters to be treated as strong LTR.
12251237
This value causes the used value of 'direction' to be ''ltr''.
1226-
<p class="issue"><a href="https://lists.w3.org/Archives/Public/www-style/2015May/0004.html">Proposal to weaken to should</a>
12271238
<dt><dfn>sideways-right</dfn></dt>
12281239
<dd><p>In vertical writing modes, this causes text to be set as if
12291240
in a horizontal layout, but rotated 90&deg; clockwise.
@@ -1291,8 +1302,6 @@ Vertical Typesetting and Font Features</h4>
12911302
(E.g. the OpenType ''vert'' feature must be enabled.)
12921303
Furthermore, characters from horizontal cursive scripts (such as Arabic)
12931304
are shaped in their isolated forms when typeset upright.
1294-
<p class="issue"><a href="https://lists.w3.org/Archives/Public/www-style/2015May/0004.html">Proposal to weaken to should</a>,
1295-
see also ''upright''.
12961305

12971306
<p class="note">Note that even when typeset "upright",
12981307
some glyphs should appear rotated.
@@ -1314,6 +1323,11 @@ Vertical Typesetting and Font Features</h4>
13141323
the UA <em>may wish to</em> [[!RFC6919]] (but is not expected to)
13151324
synthesize the missing glyphs by <a href="#typeset-sideways">typesetting them sideways</a> etc.
13161325

1326+
<p>
1327+
The behavior to typeset complex scripts such as Indic and South East Asian in vertical upright
1328+
it not defined at this level of the specification.
1329+
Also, the behavior to typeset only part of a <i>character</i> in upright is not defined.
1330+
13171331
<dt id='typeset-sideways'>sideways characters
13181332
<dd>
13191333
Are typeset rotated 90&deg; sideways with horizontal metrics,
@@ -2076,9 +2090,13 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
20762090

20772091
<p>
20782092
The used <i>inline size</i> of the resulting multi-column element is then calculated:
2079-
if the content neither line-wraps nor fragments within the multi-column element,
2080-
then the used <i>inline size</i> is the <i>max-content inline size</i> of the box's contents;
2081-
else it is calculated from the used 'column-width', 'column-count', and 'column-gap'.
2093+
<ol>
2094+
<li>If the content neither line-wraps nor fragments within the multi-column element,
2095+
then the used <i>inline size</i> is the <i>max-content inline size</i> of the box's contents.
2096+
This criteria gives the shrink-to-fit behavior for short orthogonal flow contents
2097+
without making a large blank space.
2098+
<li>Otherwise it is calculated from the used 'column-width', 'column-count', and 'column-gap'.
2099+
</ol>
20822100

20832101
<p>
20842102
The used <i>block size</i> of the box is either the used column length

‎css-writing-modes/issues-cr-2014.bs-issues‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -79,8 +79,8 @@ Comment: http://lists.w3.org/Archives/Public/www-style/2014Jun/0429.html
7979
Comment: https://lists.w3.org/Archives/Public/www-style/2015Jan/0260.html
8080
Proposal: https://lists.w3.org/Archives/Member/w3c-css-wg/2015JanMar/0080.html
8181
Comment: https://lists.w3.org/Archives/Public/www-style/2015Feb/0002.html
82-
Open
83-
See also: https://lists.w3.org/Archives/Public/www-style/2015Mar/0187.html
82+
Response: https://lists.w3.org/Archives/Public/www-style/2015Mar/0187.html
83+
Closed: Accepted
8484
----
8585
Issue 11.
8686
Summary: text-combine-upright Applies to: non-replaced inline elements
@@ -257,7 +257,7 @@ From: Gérard Talbot
257257
Comment: http://lists.w3.org/Archives/Public/www-style/2015Apr/0208.html
258258
Response: http://lists.w3.org/Archives/Public/www-style/2015Apr/0209.html
259259
Comment: http://lists.w3.org/Archives/Public/www-style/2015Apr/0214.html
260-
Open: Figure out appropriate clarifications
260+
Closed: Question
261261
Resolved: Editorial
262262
----
263263
Issue 33.
@@ -274,7 +274,7 @@ From: Koji Ishii
274274
Comment: http://lists.w3.org/Archives/Public/www-style/2015Apr/0386.html
275275
Response: http://lists.w3.org/Archives/Public/www-style/2015Apr/0397.html
276276
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0232.html
277-
Open: Accepted but needs clarification edits
277+
Closed: Accepted
278278
Verified: http://lists.w3.org/Archives/Public/www-style/2015May/0236.html
279279
----
280280
Issue 35.
@@ -305,8 +305,9 @@ Issue 38.
305305
Summary: [css-writing-modes][svg] SVG and writing-mode
306306
From: Koji Ishii
307307
Comment: http://lists.w3.org/Archives/Public/www-style/2015May/0092.html
308-
Open: Needs clarifying edits
309308
Resolved: https://lists.w3.org/Archives/Public/www-style/2015May/0313.html
309+
Closed: Accepted
310+
Resolved: Editorial
310311
----
311312
Issue 39.
312313
Summary: Confused testcase
@@ -386,5 +387,5 @@ Summary: proposed 'writing-mode:sideways-*' values: effect on computed value of
386387
From: Jonathan Kew
387388
Comment: http://lists.w3.org/Archives/Public/www-style/2015Aug/0201.html
388389
Response: https://lists.w3.org/Archives/Public/www-style/2015Aug/0220.html
389-
Open: Accepted
390+
Closed: Accepted
390391
Resolved: Editor's Discretion

‎css-writing-modes/issues-cr-2014.html‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ <h1>CSS Writing Modes Level 3 Disposition of Comments for 2014-03-20 CR</h1>
107107
Comment: <a href='http://lists.w3.org/Archives/Public/www-style/2014Jun/0428.html'>http://lists.w3.org/Archives/Public/www-style/2014Jun/0428.html</a>
108108
Closed: Accepted
109109
</pre>
110-
<pre class='open' id='issue-10'>
110+
<pre class='a' id='issue-10'>
111111
Issue 10. <a href='#issue-10'>#</a>
112112
Summary: TCY line breaking as U+FFFC
113113
From: fantasai
@@ -116,8 +116,8 @@ <h1>CSS Writing Modes Level 3 Disposition of Comments for 2014-03-20 CR</h1>
116116
Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jan/0260.html'>https://lists.w3.org/Archives/Public/www-style/2015Jan/0260.html</a>
117117
Proposal: <a href='https://lists.w3.org/Archives/Member/w3c-css-wg/2015JanMar/0080.html'>https://lists.w3.org/Archives/Member/w3c-css-wg/2015JanMar/0080.html</a>
118118
Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Feb/0002.html'>https://lists.w3.org/Archives/Public/www-style/2015Feb/0002.html</a>
119-
Open
120-
See also: <a href='https://lists.w3.org/Archives/Public/www-style/2015Mar/0187.html'>https://lists.w3.org/Archives/Public/www-style/2015Mar/0187.html</a>
119+
Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Mar/0187.html'>https://lists.w3.org/Archives/Public/www-style/2015Mar/0187.html</a>
120+
Closed: Accepted
121121
</pre>
122122
<pre class='oi' id='issue-11'>
123123
Issue 11. <a href='#issue-11'>#</a>
@@ -309,14 +309,14 @@ <h1>CSS Writing Modes Level 3 Disposition of Comments for 2014-03-20 CR</h1>
309309
Closed: Accepted
310310
Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015Apr/0143.html'>https://lists.w3.org/Archives/Public/www-style/2015Apr/0143.html</a>
311311
</pre>
312-
<pre class='open' id='issue-32'>
312+
<pre class='' id='issue-32'>
313313
Issue 32. <a href='#issue-32'>#</a>
314314
Summary: overly-long 'auto' height child block in orthogonal flow
315315
From: Gérard Talbot
316316
Comment: <a href='http://lists.w3.org/Archives/Public/www-style/2015Apr/0208.html'>http://lists.w3.org/Archives/Public/www-style/2015Apr/0208.html</a>
317317
Response: <a href='http://lists.w3.org/Archives/Public/www-style/2015Apr/0209.html'>http://lists.w3.org/Archives/Public/www-style/2015Apr/0209.html</a>
318318
Comment: <a href='http://lists.w3.org/Archives/Public/www-style/2015Apr/0214.html'>http://lists.w3.org/Archives/Public/www-style/2015Apr/0214.html</a>
319-
Open: Figure out appropriate clarifications
319+
Closed: Question
320320
Resolved: Editorial
321321
</pre>
322322
<pre class='a' id='issue-33'>
@@ -328,14 +328,14 @@ <h1>CSS Writing Modes Level 3 Disposition of Comments for 2014-03-20 CR</h1>
328328
Verified: <a href='https://lists.w3.org/Archives/Public/www-style/2015Jun/0011.html'>https://lists.w3.org/Archives/Public/www-style/2015Jun/0011.html</a>
329329
Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015May/0313.html'>https://lists.w3.org/Archives/Public/www-style/2015May/0313.html</a>
330330
</pre>
331-
<pre class='a open' id='issue-34'>
331+
<pre class='a' id='issue-34'>
332332
Issue 34. <a href='#issue-34'>#</a>
333333
Summary: Propose to weaken upright rendering of horizontal-only scripts
334334
From: Koji Ishii
335335
Comment: <a href='http://lists.w3.org/Archives/Public/www-style/2015Apr/0386.html'>http://lists.w3.org/Archives/Public/www-style/2015Apr/0386.html</a>
336336
Response: <a href='http://lists.w3.org/Archives/Public/www-style/2015Apr/0397.html'>http://lists.w3.org/Archives/Public/www-style/2015Apr/0397.html</a>
337337
Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015May/0232.html'>https://lists.w3.org/Archives/Public/www-style/2015May/0232.html</a>
338-
Open: Accepted but needs clarification edits
338+
Closed: Accepted
339339
Verified: <a href='http://lists.w3.org/Archives/Public/www-style/2015May/0236.html'>http://lists.w3.org/Archives/Public/www-style/2015May/0236.html</a>
340340
</pre>
341341
<pre class='r' id='issue-35'>
@@ -365,13 +365,14 @@ <h1>CSS Writing Modes Level 3 Disposition of Comments for 2014-03-20 CR</h1>
365365
Closed: Accepted
366366
Resolved: Editorial
367367
</pre>
368-
<pre class='open' id='issue-38'>
368+
<pre class='a' id='issue-38'>
369369
Issue 38. <a href='#issue-38'>#</a>
370370
Summary: [css-writing-modes][svg] SVG and writing-mode
371371
From: Koji Ishii
372372
Comment: <a href='http://lists.w3.org/Archives/Public/www-style/2015May/0092.html'>http://lists.w3.org/Archives/Public/www-style/2015May/0092.html</a>
373-
Open: Needs clarifying edits
374373
Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2015May/0313.html'>https://lists.w3.org/Archives/Public/www-style/2015May/0313.html</a>
374+
Closed: Accepted
375+
Resolved: Editorial
375376
</pre>
376377
<pre class='oi' id='issue-39'>
377378
Issue 39. <a href='#issue-39'>#</a>
@@ -455,13 +456,13 @@ <h1>CSS Writing Modes Level 3 Disposition of Comments for 2014-03-20 CR</h1>
455456
Open: Accepted
456457
Resolved: =WG= to decide on orientation of 300x150
457458
</pre>
458-
<pre class='a open' id='issue-49'>
459+
<pre class='a' id='issue-49'>
459460
Issue 49. <a href='#issue-49'>#</a>
460461
Summary: proposed 'writing-mode:sideways-*' values: effect on computed value of 'display'
461462
From: Jonathan Kew
462463
Comment: <a href='http://lists.w3.org/Archives/Public/www-style/2015Aug/0201.html'>http://lists.w3.org/Archives/Public/www-style/2015Aug/0201.html</a>
463464
Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Aug/0220.html'>https://lists.w3.org/Archives/Public/www-style/2015Aug/0220.html</a>
464-
Open: Accepted
465+
Closed: Accepted
465466
Resolved: Editor's Discretion
466467
</pre>
467468
<script>

0 commit comments

Comments
 (0)