This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 27673 - margins in this section need LTR-specific note added. margin-top/bottom might also not be correct for vertical. See https://github.com/domenic/html-as-custom-elements/issues/40
Summary: margins in this section need LTR-specific note added. margin-top/bottom might...
Status: RESOLVED MOVED
Alias: None
Product: WHATWG
Classification: Unclassified
Component: HTML (show other bugs)
Version: unspecified
Hardware: Other other
: P3 normal
Target Milestone: Unsorted
Assignee: Ian 'Hixie' Hickson
QA Contact: contributor
URL: https://html.spec.whatwg.org/#flow-co...
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-12-19 09:02 UTC by contributor
Modified: 2016-05-09 20:46 UTC (History)
6 users (show)

See Also:
annevk: needinfo? (fantasai.bugs)

Attachments

Description contributor 2014-12-19 09:02:45 UTC 
Specification: https://html.spec.whatwg.org/multipage/rendering.html
Multipage: https://html.spec.whatwg.org/multipage/#flow-content-3
Complete: https://html.spec.whatwg.org/#flow-content-3
Referrer: https://github.com/domenic/html-as-custom-elements/issues/40

Comment:
margins in this section need LTR-specific note added. margin-top/bottom might
also not be correct for vertical. See
https://github.com/domenic/html-as-custom-elements/issues/40

Posted from: 94.211.118.197 by annevk@annevk.nl
User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:37.0) Gecko/20100101 Firefox/37.0
Comment 1 Anne 2016-03-22 09:29:31 UTC 
Domenic, I'm not actually sure how to change the styles for blockquote here given that it already has both left and right margins defined. Flipping those for RTL wouldn't do anything.
Comment 2 Domenic Denicola 2016-03-22 14:11:53 UTC 
I think you're right that flipping them wouldn't do anything. There's still a mismatch with Blink and WebKit at least, which use the logical-direction versions of the properties anyway:

- https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/css/html.css&q=html.css&sq=package:chromium&type=cs&l=94
- https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/css/html.css&q=html.css&sq=package:chromium&type=cs&l=94
- https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/css/html.css&q=html.css&sq=package:chromium&type=cs&l=939

The note about "margin-top/bottom might also not be correct" probably refers to how Blink uses the "__qem" unit which I'm told has something to do with margin collapsing.

Hmm, but maybe this isn't about RTL, but about writing-mode: vertical? That is, maybe in vertical writing mode, blockquote and friends have their 40px margin at the top and bottom instead of left and right? That should be pretty easy to test. In which case the solution is to switch to https://drafts.csswg.org/css-logical-props/ probably?
Comment 3 Anne 2016-03-22 14:27:57 UTC 
Hey fantasai, we'd like to know how stable logical properties are. The idea would be to use them in the HTML Standard's Rendering section to describe various elements whose rendering is currently not well adjusted to RTL or vertical scenarios.

(If it's stable we might also need your help making/reviewing these changes.)
Comment 4 Simon Pieters 2016-04-04 11:52:51 UTC 
__qem is for https://html.spec.whatwg.org/multipage/rendering.html#margin-collapsing-quirks (however the spec more closely matches Gecko which doesn't have a special unit for this).
Comment 5 Domenic Denicola 2016-05-09 20:46:59 UTC 
https://github.com/whatwg/html/issues/1221