@@ -452,6 +452,13 @@ <h2 id=definitions><span class=secno>2. </span>Definitions</h2>
452452 class =property > shape-inside</ code > </ a > ’ property can define
453453 arbitrary, non-rectangular content areas.
454454
455+ < div class =issue-marker data-bug_id =15089 data-bug_status =NEW > < a
456+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15089 "> Bug-15089</ a >
457+ < div class =issue-details >
458+ < p class =short-desc > shrink-to-fit circle / shape</ p >
459+ </ div >
460+ </ div >
461+
455462 < p > < dfn id =outside-and-inside title =outside-inside > Outside and inside</ dfn >
456463
457464
@@ -540,6 +547,13 @@ <h4 id=wrap-flow-property><span class=secno>3.1.1. </span>The ‘<a
540547 class =property > auto</ code > ’.
541548 </ table >
542549
550+ < div class =issue-marker data-bug_id =16437 data-bug_status =ASSIGNED > < a
551+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16437 "> Bug-16437</ a >
552+ < div class =issue-details >
553+ < p class =short-desc > Consistent use of start/end/top/bottom</ p >
554+ </ div >
555+ </ div >
556+
543557 < p > The values of this property have the following meanings:
544558
545559 < dl >
@@ -628,19 +642,23 @@ <h4 id=wrap-flow-property><span class=secno>3.1.1. </span>The ‘<a
628642 All areas represented with a light or dark shade of gray are not available
629643 for inline content layout.
630644
631- < div class =issue-marker data-bug_id =15088 data-bug_status =FIXED > < a
632- href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15088 "> Bug-15088</ a >
633- < div class =issue-details >
634- < p class =short-desc > Add an example with auto-height content and z-index
635- for exclusions order.</ p >
645+ < div class ="issue-marker wrapper ">
646+ < div class =issue-marker data-bug_id =15088 data-bug_status =FIXED > < a
647+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15088 "> Bug-15088</ a >
648+
649+ < div class =issue-details >
650+ < p class =short-desc > Add an example with auto-height content and z-index
651+ for exclusions order.</ p >
652+ </ div >
636653 </ div >
637- </ div >
638654
639- < div class =issue-marker data-bug_id =15084 data-bug_status =NEW > < a
640- href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15084 "> Bug-15084</ a >
641- < div class =issue-details >
642- < p class =short-desc > Fluidity of the layout with respect to different
643- amounts of content</ p >
655+ < div class =issue-marker data-bug_id =15084 data-bug_status =NEW > < a
656+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15084 "> Bug-15084</ a >
657+
658+ < div class =issue-details >
659+ < p class =short-desc > Fluidity of the layout with respect to different
660+ amounts of content</ p >
661+ </ div >
644662 </ div >
645663 </ div >
646664
@@ -1102,6 +1120,13 @@ <h3 id=exclusions-order><span class=secno>3.4. </span>Exclusions order</h3>
11021120 class =property > z-index</ code > ’ property and thus follow the painting
11031121 order.
11041122
1123+ < div class =issue-marker data-bug_id =16474 data-bug_status =NEW > < a
1124+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16474 "> Bug-16474</ a >
1125+ < div class =issue-details >
1126+ < p class =short-desc > Improve Example 3 about exclusion order</ p >
1127+ </ div >
1128+ </ div >
1129+
11051130 < div class =example >
11061131 < p > Ordering of exclusions.</ p >
11071132
@@ -1521,11 +1546,21 @@ <h5 id=effect-of-exclusions-on-floats><span class=secno>3.6.3.2.
15211546
15221547 < h2 id =shapes > < span class =secno > 4. </ span > Shapes</ h2 >
15231548
1524- < div class =issue-marker data-bug_id =15091 data-bug_status =NEW > < a
1525- href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15091 "> Bug-15091</ a > < br >
1549+ < div class ="issue-marker wrapper ">
1550+ < div class =issue-marker data-bug_id =15091 data-bug_status =NEW > < a
1551+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15091 "> Bug-15091</ a > < br >
15261552
1527- < div class =issue-details >
1528- < p class =short-desc > Simplify the syntax for shapes</ p >
1553+ < div class =issue-details >
1554+ < p class =short-desc > Simplify the syntax for shapes</ p >
1555+ </ div >
1556+ </ div >
1557+
1558+ < div class =issue-marker data-bug_id =16716 data-bug_status =NEW > < a
1559+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16716 "> Bug-16716</ a >
1560+
1561+ < div class =issue-details >
1562+ < p class =short-desc > Handling visible content as a shape for Exclusions</ p >
1563+ </ div >
15291564 </ div >
15301565 </ div >
15311566
@@ -1751,30 +1786,42 @@ <h4 id=referencing-svg-shapes><span class=secno>4.2.2. </span>Referencing
17511786
17521787 < h3 id =shapes-from-image > < span class =secno > 4.3. </ span > Shapes from Image</ h3 >
17531788
1754- < div class =issue-marker data-bug_id =15093 data-bug_status =NEW > < a
1755- href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15093 "> Bug-15093</ a > < br >
1789+ < div class ="issue-marker wrapper ">
1790+ < div class =issue-marker data-bug_id =15093 data-bug_status =NEW > < a
1791+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15093 "> Bug-15093</ a > < br >
17561792
1757- < div class =issue-details >
1758- < p class =short-desc > Do we need to provide properties to repeat exclusion
1759- images as for the background-image property?</ p >
1793+ < div class =issue-details >
1794+ < p class =short-desc > Do we need to provide properties to repeat
1795+ exclusion images as for the background-image property?</ p >
1796+ </ div >
17601797 </ div >
1761- </ div >
17621798
1763- < div class =issue-marker data-bug_id =15090 data-bug_status =NEW > < a
1764- href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15090 "> Bug-15090</ a > < br >
1799+ < div class =issue-marker data-bug_id =15090 data-bug_status =NEW > < a
1800+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15090 "> Bug-15090</ a > < br >
17651801
1766- < div class =issue-details >
1767- < p class =short-desc > Use the contour() keyword. <img id=shape-me
1768- url=foo><style>#shape-me { shape-outside: contour;
1769- }</style> //equal to ‘< code class =css > shape-outside:
1770- url(foo)</ code > ’ shape-outside: attr(src as url);</ p >
1802+ < div class =issue-details >
1803+ < p class =short-desc > Use the contour() keyword. <img id=shape-me
1804+ url=foo><style>#shape-me { shape-outside: contour;
1805+ }</style> //equal to ‘< code class =css > shape-outside:
1806+ url(foo)</ code > ’ shape-outside: attr(src as url);</ p >
1807+ </ div >
17711808 </ div >
1772- </ div >
17731809
1774- < div class =issue-marker data-bug_id =15092 data-bug_status =NEW > < a
1775- href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15092 "> Bug-15092</ a >
1776- < div class =issue-details >
1777- < p class =short-desc > Specify what happens with animated images</ p >
1810+ < div class =issue-marker data-bug_id =15092 data-bug_status =NEW > < a
1811+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15092 "> Bug-15092</ a >
1812+
1813+ < div class =issue-details >
1814+ < p class =short-desc > Specify what happens with animated images</ p >
1815+ </ div >
1816+ </ div >
1817+
1818+ < div class =issue-marker data-bug_id =16112 data-bug_status =NEW > < a
1819+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16112 "> Bug-16112</ a >
1820+
1821+ < div class =issue-details >
1822+ < p class =short-desc > Address security concern with automatic shape
1823+ extractions for images</ p >
1824+ </ div >
17781825 </ div >
17791826 </ div >
17801827
@@ -1927,8 +1974,9 @@ <h4 id=shape-outside-property><span class=secno>4.4.1. </span>The ‘<a
19271974 sides, text can flow inside ‘< code
19281975 class =property > holes</ code > ’ in the exclusion (as for exclusion
19291976 ‘< code class =property > A</ code > ’). Otherwise, the exclusion
1930- clears the area on the side(s) defined by wrap flow, as illustrated for
1931- ‘< code class =property > B</ code > ’, ‘< code
1977+ clears the area on the side(s) defined by ‘< a
1978+ href ="#wrap-flow "> < code class =property > wrap-flow</ code > </ a > ’, as
1979+ illustrated for ‘< code class =property > B</ code > ’, ‘< code
19321980 class =property > C</ code > ’ and ‘< code
19331981 class =property > D</ code > ’ above.</ p >
19341982 </ div >
@@ -1988,6 +2036,25 @@ <h4 id=shape-inside-property><span class=secno>4.4.2. </span>The ‘<a
19882036 <uri>, otherwise as specified
19892037 </ table >
19902038
2039+ < div class ="issue-marker wrapper ">
2040+ < div class =issue-marker data-bug_id =16448 data-bug_status =ASSIGNED > < a
2041+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16448 "> Bug-16448</ a >
2042+
2043+ < div class =issue-details >
2044+ < p class =short-desc > Should we revisit the decision to not allow SVG path
2045+ syntax in the shape-inside, shape-outside properties</ p >
2046+ </ div >
2047+ </ div >
2048+
2049+ < div class =issue-marker data-bug_id =16460 data-bug_status =NEW > < a
2050+ href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16460 "> Bug-16460</ a >
2051+
2052+ < div class =issue-details >
2053+ < p class =short-desc > Specify overflow behavior for shape-inside</ p >
2054+ </ div >
2055+ </ div >
2056+ </ div >
2057+
19912058 < p > The values of this property have the following meanings:
19922059
19932060 < dl >
@@ -2350,8 +2417,8 @@ <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
23502417 < p > This specification is made possible by input from Andrei Bucur,
23512418 Alexandru Chiculita, Arron Eicholz, Daniel Glazman, Arno Gourdol, Chris
23522419 Jones, Marcus Mielke, Alex Mogilevsky, Mihnea Ovidenie, Virgil Palanciuc,
2353- Peter Sorotokin, Alan Stearns, Eugene Veselov, Stephen Zilles and the CSS
2354- Working Group members.
2420+ Peter Sorotokin, Eugene Veselov, Stephen Zilles and the CSS Working Group
2421+ members.
23552422
23562423 < h2 class =no-num id =references > References</ h2 >
23572424
0 commit comments