Bug 71531 - overflow in inline blocks does not affect y position of block siblings
Summary: overflow in inline blocks does not affect y position of block siblings
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-11-03 18:10 PDT by Gosha Vasin
Modified: 2022-08-20 12:04 PDT (History)
8 users (show)

See Also:


Attachments
example for bug 71531 (611 bytes, text/html)
2011-11-03 18:13 PDT, Gosha Vasin
no flags Details
Reduction (2.47 KB, text/html)
2013-09-16 12:20 PDT, Robert Hogan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Gosha Vasin 2011-11-03 18:10:57 PDT
If element is inline-block and pseudo-classes is :hover css property margin-bottom is not work, if value < 0 and element is conteiner for IMG tag.

See example in attachment file.
Sorry me for my bad English.
Comment 1 Gosha Vasin 2011-11-03 18:13:10 PDT
Created attachment 113600 [details]
example for bug 71531
Comment 2 Robert Hogan 2013-09-16 12:20:01 PDT
Created attachment 211816 [details]
Reduction
Comment 3 Robert Hogan 2013-09-17 11:06:03 PDT
WebKit might be correct here. The red img inside the inline-block is overflow as the inline block's neighbours are concerned. Unlike the case where the img is an inline the inline-block has its own height and it's that height the neighbours should respect. There's no reason why they should move below the overflow instead.
Comment 4 Robert Hogan 2013-09-17 13:29:05 PDT
Let me correct a few typos in that comment:

WebKit might be correct here. The red img inside the inline-block is overflow as far as the inline block's neighbours are concerned. Unlike the case where the img is in an inline element the inline-block has its own height and it's that height the neighbours should respect. There's no reason why they should move below the overflow instead.
Comment 5 Ahmad Saleem 2022-08-20 12:03:50 PDT
I am not able to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 151 and both browser render the text line below red box and it is matching with other browsers (Chrome Canary 106 and Firefox Nightly 105).

Since all browsers are matching, I am going to mark this as "RESOLVED CONFIGURATION CHANGED", please reopen if I understood the test case wrong or I am testing it incorrectly. Thanks!