[CSS2.1] Float and overflow for rtl

This is a follow up to this list message [1] concerning float:start and 
float:end and overflow.

Considering this linked test series.

<http://css-class.com/test/css/bidi/visible-overflow-containing-block-ltr.htm>


The second test (Hidden Overflow and Containing Block for ltr) shows a 
very wrong behavior in Opera 9.00~25, Safari 3 and IE7. It does not 
correctly follow 9.5.1 [2].

# The left outer edge of a left-floating box may not be
# to the left of the left edge of its containing block.
# An analogous rule holds for right-floating elements.


For a element floated right we would have just.

# The right outer edge of a right-floating box may not be
# to the right of the right edge of its containing block.


This is not a problem with overflow directory but with 9.5.1. This is 
why I was seeking clarification on in this part of the spec in 2008 [3] 
and which David Baron clarified with his reply [4].


The third test (Visible Overflow and Containing Block for rtl) shows the 
wrong behavior in Safari 4 where the full width of the floated right is 
hidden instead of being visible to the left of the viewport.


The fourth test (Hidden Overflow and Containing Block rtl) shows the 
wrong behavior in Safari 4 and Opera 10 where the full width of the 
floated left is visible instead of being hidden outside the right of the 
viewport.


None of the specs (even the part on overflow) does not really clearly 
state the behavior in rtl text apart from the words "direction of 
horizontal overflow" in 9.10 [5].

# This property specifies the base writing direction
# of blocks and the direction of embeddings and
# overrides (see 'unicode-bidi') for the Unicode
# bidirectional algorithm. In addition, it specifies
# the direction of table column layout, the
# direction of horizontal overflow, and the position
# of an incomplete last line in a block in case of
# 'text-align: justify'.


This message will being followed shortly by one dealing with absolute 
positioning and overflow for rtl.


1. <http://lists.w3.org/Archives/Public/www-style/2009Dec/0100.html>
2. <http://www.w3.org/TR/CSS21/visuren.html#float-position>
3. <http://lists.w3.org/Archives/Public/www-style/2008Mar/0422.html>
4. <http://lists.w3.org/Archives/Public/www-style/2008Mar/0423.html>
5. <http://www.w3.org/TR/CSS21/visuren.html#direction>



-- 
Alan http://css-class.com/

Received on Friday, 15 January 2010 09:34:07 UTC