|Summary:||box-shadow on element inside multi-column doesn't draw outside column boundary|
|Product:||WebKit||Reporter:||Andrew Stibbard <xhva.net>|
|Severity:||Normal||CC:||bruno, dev+webkit, jen, jonlee, mitz, webkit-bug-importer|
|Version:||523.x (Safari 3)|
Description Andrew Stibbard 2007-06-14 06:34:50 PDT
If box-shadow is applied to an element inside a CSS multi-column, the shadow is cut off at the column's boundary. Testcase to follow demonstrating box-shadow working correctly for floated elements but not elements in columns. Tested on the Windows Safari 3 Beta (522.11.3). Probably not platform specific but I don't have a Mac to test against, sorry.
Comment 1 Andrew Stibbard 2007-06-14 06:36:14 PDT
Created attachment 15018 [details] Testcase for box-shadow boundary on elements in multi-column
Comment 2 Matt Lilek 2007-06-14 11:22:07 PDT
I believe this is part of the "layers ignore columns" problem.
Comment 3 Dave Hyatt 2007-06-14 12:29:21 PDT
No, this is just a clipping problem. At one point the spec said to treat overflow like it was hidden on columns. I don't think it says that now though.
Comment 5 Jen Simmons 2016-06-08 05:28:12 PDT
Yes, I find this quite frustrating. Here's an example: http://labs.jensimmons.com/examples/image-gallery-multicolumn.html See how all the shadows from the top of the boxes are placed in the bottom of the previous column? And how the shadow from the bottom if the box of the longest column is placed at the top of the previous column? Bug. Here's a photo to be more obvious: https://monosnap.com/file/wCjt9v38xTPPTmGQJ8t42jvEgqioEM.png It's one of the many little multicolumn bugs that prevent people from trusting or using multicolumn. This happens in Mac Safari, iOS Safari, and Chrome (old webkit).