<div dir="ltr"><div>Hello,</div><div><br></div><div>I asked this issue and W3C WG said that it means "used value". (<a href="https://github.com/w3c/csswg-drafts/issues/190">https://github.com/w3c/csswg-drafts/issues/190</a>)</div><div><br></div><div>When I checked spec for getComputedStyle(), some properties('bottom', 'left', 'right', 'top')'s resolved value is the used value if the property applies to a positioned element. (<a href="https://drafts.csswg.org/cssom/#resolved-values">https://drafts.csswg.org/cssom/#resolved-values</a>)</div><div><br></div><div>Therefore, I think my implementation(<a href="https://bugs.chromium.org/p/chromium/issues/detail?id=601118" target="_blank">https://bugs.chromium.org/p/chromium/issues/detail?id=601118</a>) is correct. In this test case(<a href="http://jsfiddle.net/xu5b7rLq/6/">http://jsfiddle.net/xu5b7rLq/6/</a>), bottom and right should be negative.</div><div><br></div><div>What do you think about this issue?</div><div><br></div><div>Thank you,</div><div>Deokjin Kim</div><div><br></div><div class="gmail_extra"><div class="gmail_quote">2016-06-01 15:03 GMT+09:00 Myles C. Maxfield <span dir="ltr"><<a href="mailto:mmaxfield@apple.com" target="_blank">mmaxfield@apple.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;border-left-color:rgb(204,204,204);padding-left:1ex"><div style="word-wrap:break-word">It looks like WebKit visually renders the result correctly according to the spec text. Therefore, we are only interested here with the computed style of the over-specified element.<div><br></div><div>The spec text uses the verb “becomes.” I don’t know if this means that either 1) the rendering and the computed style should reflect this, or 2) just the rendering should reflect this.</div><div><br></div><div>Do you know if this issue has been discussed in the W3C?</div><div><br></div><div>Thanks,</div><div>Myles</div><div><div><blockquote type="cite"><div><div class="h5"><div>On May 27, 2016, at 5:59 AM, 김덕진 <<a href="mailto:dj0152@gmail.com" target="_blank">dj0152@gmail.com</a>> wrote:</div><br></div></div><div><div><div class="h5"><div dir="ltr">Hello, <div><br></div><div>I'm working on blink engine as <a href="mailto:deokjin81.kim@samsung.com" target="_blank">deokjin81.kim@samsung.com</a>.</div><div>And I have a question about implementation plan for getComputedStyle.</div><div>As I know, getComputedStyle does not handle over-constrained properties correctly.</div><div>So I implemented it(<a href="https://bugs.chromium.org/p/chromium/issues/detail?id=601118" target="_blank">https://bugs.chromium.org/p/chromium/issues/detail?id=601118</a>) according to spec(<a href="https://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#relative-positioning" title="" rel="nofollow" style="font-size:11.726px;white-space:pre-wrap;color:rgb(0,0,204);word-wrap:break-word" target="_blank">https://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#relative-positioning</a>) on blink engine.</div><div><br></div><div>Below paragraphs(from spec) describe detail operation to handle over-constrained properties.</div><div><br></div><div>If neither 'left' nor 'right' is 'auto', the position is over-constrained, and one of them has to be ignored. If the 'direction' property of the containing block is 'ltr', the value of 'left' wins and 'right' becomes -'left'. If 'direction' of the containing block is 'rtl', 'right' wins and 'left' is ignored.<br></div><div><div><br></div><div>The 'top' and 'bottom' properties move relatively positioned element(s) up or down without changing their size. 'Top' moves the boxes down, and 'bottom' moves them up. Since boxes are not split or stretched as a result of 'top' or 'bottom', the used values are always: top = -bottom. If both are 'auto', their used values are both '0'. If one of them is 'auto', it becomes the negative of the other. If neither is 'auto', 'bottom' is ignored (i.e., the used value of 'bottom' will be minus the value of 'top').</div></div><div><br></div><div>I would like to know Webkit have any plan for this.</div><div><br></div><div>Thank you in advance,</div><div>Deokjin Kim</div><div><br></div><div><br></div><div><span style="font-family:sans-serif;font-size:inherit"><br></span></div></div></div></div>
_______________________________________________<br>webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br><a href="https://lists.webkit.org/mailman/listinfo/webkit-dev" target="_blank">https://lists.webkit.org/mailman/listinfo/webkit-dev</a><br></div></blockquote></div><br></div></div></blockquote></div><br></div></div>