Bug 13822 - CSS background color not drawn for overflown text in inline blocks
Summary: CSS background color not drawn for overflown text in inline blocks
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 523.x (Safari 3)
Hardware: PC OS X 10.4
: P2 Normal
Assignee: Nobody
URL: http://just1gb.googlepages.com/inline...
Keywords:
Depends on:
Blocks:
 
Reported: 2007-05-22 11:46 PDT by Sridhar Gurivireddy
Modified: 2007-05-22 14:21 PDT (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Sridhar Gurivireddy 2007-05-22 11:46:24 PDT
In the example below,

   <span>Here comes an <span style="background: silver; display: inline-block; width: 100px; vertical-align: top; height: 20px;">inline block with overflow.</span></span>

the text overflows to next line and the background color of "silver" applies to overflown text as well.

IE: behaves correctly
Firefox: Does not seem to properly impelemtn width and height for inline-blocks
Webkit: width and height of inline-blocks are implemented, however background color not drawn properly.

Repro: Use this URL http://just1gb.googlepages.com/inline-block-overflow.html
Comment 1 mitz 2007-05-22 12:04:02 PDT
Background color should not apply to overflow.
Comment 2 Dave Hyatt 2007-05-22 14:21:00 PDT
IE and FFX do not support display:inline-block.  Safari does.  Moreover Safari's rendering is correct, since the height of the inline-block has been specified to be 20px.  Background renders into the border box, not the overflow area.
Comment 3 Dave Hyatt 2007-05-22 14:21:42 PDT
Firefox 3 supports inline-block, and if you download, e.g., Gran Paradiso Alpha 4, you can see that it renders just like Safari.