Re: [css-position-3] Rewrite Completed

Oriol Brufau <[email protected]> Wed, 29 Apr 2020 19:40:46 +0200
Newsgroups	gmane.comp.web.css.general
Message-ID	<[email protected]>
This is a multi-part message in MIME format.
--------------10EF328050ABA614A56B8C9D
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 7bit


> I don't recall anything else creating "fixed positioning containing block", but if there's such a thing, it'd be nice to mention it in that note as well.

Various properties other than |contain| can do that too:

  * |transform|:
    https://drafts.csswg.org/css-transforms/#containing-block-for-all-descendants
  * |translate|, |rotate|, |scale|:
    https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A0
  * |transform-style|:
    https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A2
  * |perspective|:
    https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A3
  * |filter|: https://drafts.fxtf.org/filter-effects/#FilterProperty
  * |will-change|:
    https://drafts.csswg.org/css-will-change/#valdef-will-change-custom-ident

The list may not be exhaustive.

-- Oriol

--------------10EF328050ABA614A56B8C9D
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: 7bit

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <br>
    <blockquote type="cite"
      cite="mid:[email protected]">
      <pre wrap="">I don't recall anything else creating "fixed positioning containing block", but if there's such a thing, it'd be nice to mention it in that note as well.</pre>
    </blockquote>
    <br>
    Various properties other than <code>contain</code> can do that too:<br>
    <ul>
      <li><code>transform</code>: <a moz-do-not-send="true"
href="https://drafts.csswg.org/css-transforms/#containing-block-for-all-descendants">https://drafts.csswg.org/css-transforms/#containing-block-for-all-descendants</a></li>
      <li><code>translate</code>, <code>rotate</code>, <code>scale</code>:
        <a moz-do-not-send="true"
href="https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A0">https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A0</a></li>
      <li><code>transform-style</code>: <a moz-do-not-send="true"
href="https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A2">https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A2</a></li>
      <li><code>perspective</code>: <a
href="https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A3"
          moz-do-not-send="true">https://drafts.csswg.org/css-transforms-2/#ref-for-containing-block-for-all-descendants%E2%91%A3</a></li>
      <li><code>filter</code>: <a moz-do-not-send="true"
          href="https://drafts.fxtf.org/filter-effects/#FilterProperty">https://drafts.fxtf.org/filter-effects/#FilterProperty</a></li>
      <li><code>will-change</code>: <a moz-do-not-send="true"
href="https://drafts.csswg.org/css-will-change/#valdef-will-change-custom-ident">https://drafts.csswg.org/css-will-change/#valdef-will-change-custom-ident</a><br>
      </li>
    </ul>
    The list may not be exhaustive.<br>
    <br>
    -- Oriol
  </body>
</html>

--------------10EF328050ABA614A56B8C9D--