W3C home > Mailing lists > Public > www-style@w3.org > January 2016

[css-round-display] Summary of a discussion about polar positioning in every positioning schemes

From: Jihye Hong <jh.hong@lge.com>
Date: Wed, 20 Jan 2016 16:39:11 +0900
To: "'Brad Kemper'" <brad.kemper@gmail.com>, "'Florian Rivoal'" <florian@rivoal.net>, "'fantasai'" <fantasai.lists@inkedblade.net>
Cc: "'www-style list'" <www-style@w3.org>
Message-ID: <004401d15355$a76e8a20$f64b9e60$@hong@lge.com>
We have discussed about using polar positioning as a part of absolute
positioning on several emails[1][2] and telecons [3].
It would be needed to summarize about the discussion for resolving the issue
and helping the other WG members catch up with it.

= Agreed =
* Polar positioning is possible in all positioning schemes not only when
position is 'polar'.
* If one of the properties such as left/top/right/bottom is non auto,
polar-* properties are ignored
* polar-origin and polar-anchor can be used independently from the polar
* polar-origin and polar-anchor need to get rid of a prefix, 'polar-'
* auto values for polar-origin and polar-anchor to resolve differently when
polar-distance is auto or non-auto
    - when polar-distance is auto, 
      - polar-origin: auto becomes polar-anchor: 0 0
      - polar-anchor: auto becomes polar-anchor: 0 0
    - when polar-distance is non auto, 
      - polar-origin: auto becomes polar-anchor: center center
      - polar-anchor: auto becomes polar-anchor: 0 0

= Need to be discussed =
* Naming of the property which decides the origin point of polar coordinates
    - original: polar-origin
    - My suggestion: origin-position
    - Florian's suggestion: box-align
    - Brad's suggestion: center

* Changing the name of polar-anchor
    - My suggestion: anchor-position
    - Florian's suggestion: box-anchor

* Whether or not margin-left/margin-top can be used instead of polar-anchor
    - Using margin-left and margin-top would be the same result of using
      - If the containing block has height: 100px, width: 100px, item1 and
item2 have same results.
         item1 {
           position: absolute;
           width: 20px;
           height: 20px;
           polar-distance: 0%;
           polar-anchor: 25% 25%;

         item2 {
           position: absolute;
           width: 20px;
           height: 20px;
           polar-distance: 0%;
           margin-top: 5px;
           margin-left: 5px;

    - Difference between polar-anchor and margin-left/margin-top
      - In case of margin-left/margin-top, percentages resolve to the width
of the element itself
      - In case of polar-anchor, percentage resolves to the width and height
of the containing block

Please tell me if there is something that I miss.

Best regards,

[1] https://lists.w3.org/Archives/Public/www-style/2016Jan/0033.html
[2] https://lists.w3.org/Archives/Public/www-style/2016Jan/0046.html
[3] https://lists.w3.org/Archives/Public/www-style/2016Jan/0079.html
Received on Wednesday, 20 January 2016 07:39:46 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:59 UTC