You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-ui/Overview.bs
+55-10Lines changed: 55 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -96,6 +96,10 @@ dynamic presentation related features in HTML.
96
96
user interfaces which make use of a directional navigation model.
97
97
</ul>
98
98
99
+
<div>
100
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-48">Open issue #50</a> related to purpose and scope: there has been a request to re-add the <css>user-select</css> property back to CSS3-UI with the claim that there are three implementations for one or more of the previously specified values for the property. The proposed resolution is stick with defering <css>user-select</css> to CSS UI Level 4 because there is too much interop to figure out. That said, this property is at risk of being re-added.
101
+
</div>
102
+
99
103
<h2 id="interaction">Module Interactions</h2>
100
104
101
105
This document defines new features not present in earlier specifications.
@@ -250,6 +254,8 @@ demonstration of sample CSS and HTML:
250
254
251
255
Note: The ''padding-box'' value is at risk.
252
256
257
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-69">Open issue 69</a>: box-sizing insufficiently specified for replaced elements.
258
+
253
259
<h2 id="outline-props">Outline properties</h2>
254
260
255
261
At times, style sheet authors may want to create outlines around
@@ -267,6 +273,12 @@ The outline properties control the style of these dynamic outlines.
267
273
268
274
Keyboard users depend on outline on elements in the :focus state for interaction with the page, thus authors must not make the outline invisible on such elements without making sure an alternative highlighting mechanism is provided.
269
275
276
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-51">Open issue 51</a>: Applying transforms to outlines behaves strangely in current implementations (See <a href="
277
+
http://florian.rivoal.net/csswg/outline.html">transformed outline test case</a>). Proposed resolution: leave transformed outline rendering undefined in CSS3-UI.
278
+
279
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-54">Open issue 54</a>: Outline rendering is under-specified, and details are not interoperable (See <a href="https://lists.w3.org/Archives/Public/www-style/2014Dec/0134.html">a few outline rendering test cases</a>). Tentative proposal: leave non-interop details unspecified in CSS3-UI, attempt to converge in level 4.
280
+
281
+
270
282
<h3 id="outline">'outline' property</h3>
271
283
272
284
<table class="propdef"><tbody>
@@ -544,31 +556,36 @@ The 'resize' property applies to elements
544
556
whose computed 'overflow' value
545
557
is something other than ''visible''.
546
558
559
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-52">Open issue 52</a>: Implementation handling of 'resize' on ::before generated content is buggy and not interoperable (See: <a href="http://dabblet.com/gist/ab432c3f6a8f672cd077">resize on :before test case</a>). A few possible resolutions: explicitly specify :resize does not apply to generated content (result undefined), (result no effect - would be at risk) or that it does apply (not interop, would be at risk).
560
+
547
561
When an element is resized by the user,
548
-
the user agent keeps track of a resize factor
549
-
(which is initially 1.0) for the width and height,
550
-
which it then applies to the computed width and height
562
+
the user agent uses a resize function
563
+
based on the unresized computed width and height
551
564
as part of determining the used width and height.
552
565
The element's contents (and surroundings) are reformatted as necessary.
553
566
554
-
The resize factor introduces a step in width/height calculations and formatting
567
+
The resize function introduces a step in width/height calculations and formatting
555
568
as described in <a href="http://www.w3.org/TR/CSS21/visudet.html">chapter 10 of CSS2.1</a>.
556
569
Specifically the following step is inserted between steps 1 and 2
557
570
of the algorithm in <a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">section 10.4</a>
558
571
and <a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">10.7</a> in CSS2.1 [[!CSS21]],
559
572
where [dimension] is 'width' for 10.4 and 'height' for 10.7.
560
573
<blockquote><p style="text-indent:-2em">
561
-
1b. If the resize [dimension]factor is not 1.0,
562
-
then the tentative used [dimension] is multiplied by that factor,
574
+
1b. If the resize [dimension]function is in use,
575
+
then the tentative used [dimension] is computed with that function,
563
576
and the rules above are applied again,
564
-
but this time using the result of that multiplication as the computed value for '[dimension]'.
577
+
but this time using the result of that function as the computed value for '[dimension]'.
565
578
</blockquote>
566
579
580
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-47">Open issue 47</a>: There is evidence that implementations support resize by setting inline style width and height on the element, and there is <a href="http://lists.w3.org/Archives/Public/www-style/2014Dec/0177.html">a proposal to specify that behavior explicitly</a> (<a href="https://lists.w3.org/Archives/Public/www-style/2014Dec/0063.html">previous proposal</a>).
581
+
567
582
With regard to interactivity and the Document Object Model (DOM),
568
-
the resize factor on an element lasts the lifetime of the element,
569
-
however, if the 'resize' property itself is altered
583
+
the resize function on an element lasts the lifetime of the element,
584
+
however, if the computed 'resize' property itself is altered
570
585
(e.g. via pseudo-class change or via DOM manipulation),
571
-
then the resize factor is reset to 1.0.
586
+
then the resize function is reset to
587
+
using the element's unresized computed width and height.
588
+
572
589
573
590
The precise direction of resizing
574
591
(i.e. altering the top left of the element or altering the bottom right)
@@ -579,10 +596,13 @@ and 'bottom' properties,
579
596
whether the language of the element is right-to-left etc.
580
597
The precise direction of resizing is left to the UA to properly determine for the platform.
581
598
599
+
The user agent should allow the user to resize the element with no other constraints than what is imposed by min-width and max-width (at risk due since <a href="http://lists.w3.org/Archives/Public/www-style/2014Dec/0063.html">only Firefox currently supports this</a>. Related: <a href="https://wiki.csswg.org/spec/css3-ui#issue-53">Issue 53</a>).
600
+
582
601
The user agent may restrict the resizing range to something suitable,
583
602
such as between the original formatted size of the element,
584
603
and large enough to encompass all the element's contents.
in the inline progression direction of its block container element ("the block")
646
666
that has 'overflow'
647
667
other than ''visible''.
668
+
669
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-68">Open issue 68</a>: Should text-overflow apply even when overflow is visible? Possible resolutions: Appl
93CC
y text-overflow regardless of overflow, or consider reverting
@@ -975,6 +1001,14 @@ The <a>default object size</a> for cursor images is
975
1001
a UA-defined size that should be based on
976
1002
the size of a typical cursor on the UA's operating system.
977
1003
1004
+
The <a>concrete object size</a> is determined using
1005
+
the <a>default sizing algorithm</a>.
1006
+
If an operating system is
1007
+
<strong>incapable</strong> of rendering a cursor above a given size,
1008
+
cursors larger than that size must be shrunk to within
1009
+
the OS-supported size bounds,
1010
+
while maintaining the cursor image's intrinsic ratio, if any.
1011
+
978
1012
The optional <x> and <y> coordinates
979
1013
identify the exact position within the image which is the pointer position (i.e., the hotspot).
980
1014
</dd>
@@ -1000,11 +1034,18 @@ they must be clamped (independently) to fit.
1000
1034
</dl>
1001
1035
1002
1036
general purpose cursors
1037
+
1003
1038
<dl>
1004
1039
<dt style="cursor:auto">auto</dt>
1005
1040
<dd>The UA determines the cursor to display based on the current
1006
1041
context.
1042
+
1043
+
<div>
1044
+
<a href="https://wiki.csswg.org/spec/css3-ui#issue-48">Open issue #48</a>: There are reports that this description of cursor: auto is insufficient and not interoperable. Current plan: restrict the auto value to handling things that cannot be described by the UA stylesheet, pending detailed proposal, likely based on <a href="https://lists.w3.org/Archives/Public/www-style/2013Jan/0275.html">David Baron's proposal</a>.
1045
+
</div>
1046
+
1007
1047
</dd>
1048
+
1008
1049
<dt style="cursor:default">default</dt>
1009
1050
<dd>The platform-dependent default cursor. Often rendered as an arrow.
1010
1051
</dd>
@@ -1352,6 +1393,8 @@ This specification deliberately does not attempt to document the functionality o
1352
1393
1353
1394
<h2 class="no-num" id="acknowledgments">Appendix A. Acknowledgments</h2>
1354
1395
1396
+
This appendix needs to be updated with acknowledgements from input, feedback, and contributions from 2012-01-17 to the present!
1397
+
1355
1398
This appendix is <em>informative</em>.
1356
1399
1357
1400
Thanks to feedback and contributions from
@@ -1380,6 +1423,8 @@ and Domel.
1380
1423
1381
1424
<h2 class="no-num" id="changes">Appendix B. Changes</h2>
1382
1425
1426
+
This appendix needs to be updated with changes from 2012-01-17 to the present!
0 commit comments