|
53 | 53 | <h1>CSS Grid Template Layout Module</h1> |
54 | 54 | <!--=================================================================--> |
55 | 55 | <h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft |
56 | | - 10 August 2012</h2> |
| 56 | + 14 August 2012</h2> |
57 | 57 |
|
58 | 58 | <dl> |
59 | 59 | <dt>This version: |
60 | 60 |
|
61 | 61 | <dd><a |
62 | | - href="http://www.w3.org/TR/2012/ED-css3-layout-20120810/">http://www.w3.org/TR/2012/ED-css3-layout-20120810/</a> |
| 62 | + href="http://www.w3.org/TR/2012/ED-css3-layout-20120814/">http://www.w3.org/TR/2012/ED-css3-layout-20120814/</a> |
63 | 63 |
|
64 | 64 |
|
65 | 65 | <dt>Latest version: |
@@ -2754,6 +2754,25 @@ <h3 class=grid id=stacking-elements-on-top-of-a-grid-grid-><span |
2754 | 2754 | grammar</abbr> |
2755 | 2755 | </table> |
2756 | 2756 |
|
| 2757 | + <div class=issue> |
| 2758 | + <p>At the Aug 2012 ftf, Florian suggested a property ‘<code |
| 2759 | + class=css>collision: auto | collide | avoid</code>’ to switch between |
| 2760 | + overlapping and not overlapping. (It would avoid collisions for |
| 2761 | + absolutely positioned elements as well.) Instead of two properties ‘<a |
| 2762 | + href="#flow0"><code class=property>flow</code></a>’ and ‘<a |
| 2763 | + href="#grid-area"><code class=property>grid-area</code></a>’, we could |
| 2764 | + have just one, and then toggle between overlapping and flowing with the |
| 2765 | + ‘<code class=property>collision</code>’ property. |
| 2766 | + |
| 2767 | + <p>It may be attractive, because the same ‘<code |
| 2768 | + class=property>collision</code>’ property could also improve absolute |
| 2769 | + positioning and add functionality to floats, but on the other hand it is |
| 2770 | + a property that works indirectly, by modifying the meaning of another |
| 2771 | + property, and as such the pair ‘<a href="#flow0"><code |
| 2772 | + class=property>flow</code></a>’ and ‘<a href="#grid-area"><code |
| 2773 | + class=property>grid-area</code></a>’ may be easier to learn. |
| 2774 | + </div> |
| 2775 | + |
2757 | 2776 | <p>The ‘<a href="#grid-area"><code |
2758 | 2777 | class=property>grid-area</code></a>’ property can take an element out |
2759 | 2778 | of the flow and position it relative to a grid. The ‘<a |
|
0 commit comments