CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" href="/drafts/static/hgicon.png" type="image/png" /> <meta name="robots" content="index, nofollow"/> <link rel="stylesheet" href="/drafts/static/style-monoblue.css" type="text/css" /> <script type="text/javascript" src="/drafts/static/mercurial.js"></script> <title>drafts: changeset 31653:c10bc56bc483</title> <link rel="alternate" type="application/atom+xml" href="/drafts/atom-log" title="Atom feed for drafts"/> <link rel="alternate" type="application/rss+xml" href="/drafts/rss-log" title="RSS feed for drafts"/> </head> <body> <div id="container"> <div class="page-header"> <h1 class="breadcrumb"><a href="/">Mercurial</a> > <a href="/drafts">drafts</a> / changeset</h1> <form action="/drafts/log"> <dl class="search"> <dt><label>Search: </label></dt> <dd><input type="text" name="rev" /></dd> </dl> </form> <ul class="page-nav"> <li><a href="/drafts/summary">summary</a></li> <li><a href="/drafts/shortlog">shortlog</a></li> <li><a href="/drafts/changelog">changelog</a></li> <li><a href="/drafts/graph/c10bc56bc483">graph</a></li> <li><a href="/drafts/tags">tags</a></li> <li><a href="/drafts/bookmarks">bookmarks</a></li> <li><a href="/drafts/branches">branches</a></li> <li><a href="/drafts/file/c10bc56bc483">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li class="current">changeset</li> <li><a href="/drafts/raw-rev/c10bc56bc483">raw</a> </li> </ul> <h2 class="no-link no-border">changeset</h2> <h3 class="changeset"><a href="/drafts/raw-rev/c10bc56bc483">Update to only allow clamping after a line continue-collapse@1 continue-collapse@10 continue-collapse@11 continue-collapse@12 continue-collapse@13 continue-collapse@14 continue-collapse@15 continue-collapse@16 continue-collapse@17 continue-collapse@18 continue-collapse@19 continue-collapse@2 continue-collapse@20 continue-collapse@21 continue-collapse@22 continue-collapse@23 continue-collapse@24 continue-collapse@25 continue-collapse@26 continue-collapse@27 continue-collapse@28 continue-collapse@29 continue-collapse@3 continue-collapse@30 continue-collapse@31 continue-collapse@32 continue-collapse@33 continue-collapse@34 continue-collapse@35 continue-collapse@36 continue-collapse@37 continue-collapse@38 continue-collapse@39 continue-collapse@4 continue-collapse@40 continue-collapse@41 continue-collapse@42 continue-collapse@43 continue-collapse@44 continue-collapse@45 continue-collapse@46 continue-collapse@47 continue-collapse@48 continue-collapse@49 continue-collapse@5 continue-collapse@50 continue-collapse@51 continue-collapse@52 continue-collapse@53 continue-collapse@54 continue-collapse@55 continue-collapse@56 continue-collapse@57 continue-collapse@58 continue-collapse@59 continue-collapse@6 continue-collapse@60 continue-collapse@61 continue-collapse@62 continue-collapse@63 continue-collapse@64 continue-collapse@65 continue-collapse@66 continue-collapse@67 continue-collapse@68 continue-collapse@69 continue-collapse@7 continue-collapse@70 continue-collapse@71 continue-collapse@72 continue-collapse@73 continue-collapse@74 continue-collapse@75 continue-collapse@76 continue-collapse@77 continue-collapse@78 continue-collapse@79 continue-collapse@8 continue-collapse@80 continue-collapse@81 continue-collapse@82 continue-collapse@83 continue-collapse@84 continue-collapse@85 continue-collapse@86 continue-collapse@87 continue-collapse@88 continue-collapse@89 continue-collapse@9 continue-collapse@90 continue-collapse@91 continue-collapse@92 continue-collapse@93 continue-collapse@94 continue-collapse@95 continue-collapse@96 continue-collapse@97 continue-collapse@98 continue-collapse@99 </a></h3> Fri, 04 Oct 2024 08:36:34 +0900 <dl class="overview"> <dt>author</dt> <dd>Andreu Botella <abotella@igalia.com></dd> <dt>date</dt> <dd>Fri, 04 Oct 2024 08:36:34 +0900</dd> <dt>changeset 31653</dt> <dd>c10bc56bc483</dd> <dt>parent 31652</dt> <dd><a href="/drafts/rev/32bbdc9b5928">32bbdc9b5928</a></dd> </dl> Update to only allow clamping after a line <table> <tr class="parity0"> <td><a href="/drafts/diff/c10bc56bc483/css-overflow-4/Overview.bs">css-overflow-4/Overview.bs</a></td> <td></td> <td> <a href="/drafts/file/c10bc56bc483/css-overflow-4/Overview.bs">file</a> | <a href="/drafts/annotate/c10bc56bc483/css-overflow-4/Overview.bs">annotate</a> | <a href="/drafts/diff/c10bc56bc483/css-overflow-4/Overview.bs">diff</a> | <a href="/drafts/comparison/c10bc56bc483/css-overflow-4/Overview.bs">comparison</a> | <a href="/drafts/log/c10bc56bc483/css-overflow-4/Overview.bs">revisions</a> </td> </tr> </table> <div class="diff"> <pre><a class="linenr" href="#l1.1" id="l1.1"> 1.1</a> --- a/css-overflow-4/Overview.bs Sun Sep 15 01:25:50 2024 +0200 <a class="linenr" href="#l1.2" id="l1.2"> 1.2</a> +++ b/css-overflow-4/Overview.bs Fri Oct 04 08:36:34 2024 +0900 <a class="linenr" href="#l1.3" id="l1.3"> 1.3</a> @@ -712,8 +712,8 @@ <a class="linenr" href="#l1.4" id="l1.4"> 1.4</a> It only affects line boxes contained directly by the <a>block container</a> itself, <a class="linenr" href="#l1.5" id="l1.5"> 1.5</a> but as it inherits, will have an effect on descendants’ line boxes unless overridden. <a class="linenr" href="#l1.6" id="l1.6"> 1.6</a> <a class="linenr" href="#l1.7" id="l1.7"> 1.7</a> - This property only affects a line box if there is eiher a [=region break=] or a [=clamp point=] <a class="linenr" href="#l1.8" id="l1.8"> 1.8</a> - after it in the [=block formatting context=], and there are no boxes or line boxes in between. <a class="linenr" href="#l1.9" id="l1.9"> 1.9</a> + This property only affects a line box if it immediately precedes <a class="linenr" href="#l1.10" id="l1.10"> 1.10</a> + eiher a [=region break=] or a [=clamp point=] in the [=block formatting context=]. <a class="linenr" href="#l1.11" id="l1.11"> 1.11</a> If the [=clamp point=] is placed at the end of the [=line-clamp container=], then the line will <a class="linenr" href="#l1.12" id="l1.12"> 1.12</a> not be affected. <a class="linenr" href="#l1.13" id="l1.13"> 1.13</a> <a class="linenr" href="#l1.14" id="l1.14"> 1.14</a> @@ -1169,26 +1169,18 @@ <a class="linenr" href="#l1.15" id="l1.15"> 1.15</a> additionally follows the rules in this section. All line-clamp containers contain a <a class="linenr" href="#l1.16" id="l1.16"> 1.16</a> <dfn>clamp point</dfn>, which is one of the following positions inside it: <a class="linenr" href="#l1.17" id="l1.17"> 1.17</a> <a class="linenr" href="#l1.18" id="l1.18"> 1.18</a> - - The start of the line-clamp container. <a class="linenr" href="#l1.19" id="l1.19"> 1.19</a> - - A point between two [=in-flow=] sibling boxes in the line-clamp <a class="linenr" href="#l1.20" id="l1.20"> 1.20</a> - container's [=block formatting context=]. <a class="linenr" href="#l1.21" id="l1.21"> 1.21</a> - - A point between two [=line boxes=] in an in-flow [=inline formatting <a class="linenr" href="#l1.22" id="l1.22"> 1.22</a> - context=] inside the line-clamp container's [=block formatting context=]. <a class="linenr" href="#l1.23" id="l1.23"> 1.23</a> - - The end of the line-clamp container. <a class="linenr" href="#l1.24" id="l1.24"> 1.24</a> - <a class="linenr" href="#l1.25" id="l1.25"> 1.25</a> - Note: The [=clamp point=] can never be before a parent box's first child, or <a class="linenr" href="#l1.26" id="l1.26"> 1.26</a> - after a parent box's last child, unless that parent box is the line-clamp <a class="linenr" href="#l1.27" id="l1.27"> 1.27</a> - container. Similarly, the clamp point can never be before the first line or <a class="linenr" href="#l1.28" id="l1.28"> 1.28</a> - after the first line of an [=inline formatting context=]. It can also never <a class="linenr" href="#l1.29" id="l1.29"> 1.29</a> - be in [=out-of-flow=] content, or inside an [=independent formatting <a class="linenr" href="#l1.30" id="l1.30"> 1.30</a> - context=]. <a class="linenr" href="#l1.31" id="l1.31"> 1.31</a> + - A point immediately after a [=line box=] in the line-clamp container's [=block formatting <a class="linenr" href="#l1.32" id="l1.32"> 1.32</a> + context=]. <a class="linenr" href="#l1.33" id="l1.33"> 1.33</a> + - The end of the line-clamp container, if there are any boxes after the last [=inline formatting <a class="linenr" href="#l1.34" id="l1.34"> 1.34</a> + context=] in the line-clamp container's [=block formatting context=]. <a class="linenr" href="#l1.35" id="l1.35"> 1.35</a> <a class="linenr" href="#l1.36" id="l1.36"> 1.36</a> If the [=line-clamp container=]'s [=block formatting context root=] has a [=computed value=] of <a class="linenr" href="#l1.37" id="l1.37"> 1.37</a> 'max-lines' other than ''max-lines/none'', then that property will determine the [=clamp point=]. <a class="linenr" href="#l1.38" id="l1.38"> 1.38</a> Otherwise, the clamp point will be set to the last possible clamp point such that, for it and <a class="linenr" href="#l1.39" id="l1.39"> 1.39</a> all previous possible clamp points, the line-clamp container's [=automatic block size=] (as <a class="linenr" href="#l1.40" id="l1.40"> 1.40</a> determined below) is not greater than the [=block size=] the box would have if its automatic <a class="linenr" href="#l1.41" id="l1.41"> 1.41</a> - block size were infinite. <a class="linenr" href="#l1.42" id="l1.42"> 1.42</a> + block size were infinite; or if that is not the case for any clamp points, to the first clamp <a class="linenr" href="#l1.43" id="l1.43"> 1.43</a> + point in the block formatting context. <a class="linenr" href="#l1.44" id="l1.44"> 1.44</a> <a class="linenr" href="#l1.45" id="l1.45"> 1.45</a> Any boxes in a [=line-clamp container=] that follow its [=clamp point=] in the box tree, as well <a class="linenr" href="#l1.46" id="l1.46"> 1.46</a> as any [=line boxes=] that follow it inside an [=inline formatting context=], will be invisible </pre> </div> <script type="text/javascript">process_dates()</script> <div class="page-footer"> Mercurial Repository: drafts <ul class="rss-logo"> <li><a href="/drafts/rss-log">RSS</a></li> <li><a href="/drafts/atom-log">Atom</a></li> </ul> </div> <div id="powered-by"> <a href="http://mercurial.selenic.com/" title="Mercurial"><img src="/drafts/static/hglogo.png" width=75 height=90 border=0 alt="mercurial"></a> </div> <div id="corner-top-left"></div> <div id="corner-top-right"></div> <div id="corner-bottom-left"></div> <div id="corner-bottom-right"></div> </div> </body> </html>