[csswg-drafts] [css-backgrounds] box-shadow can overlap (or be overlapped) by adjacent text

TalbotG has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-backgrounds] box-shadow can overlap (or be overlapped) by adjacent text ==
7.1.3. Layering, Layout, and Other Details
https://www.w3.org/TR/css-backgrounds-3/#shadow-layers
https://drafts.csswg.org/css-backgrounds/#shadow-layers
states:

> Shadows do not influence layout and may overlap other boxes or their shadows.

Regina Henschel and I believe that a bit more description should be added to such statement or even replace such statement. And maybe an example with a screenshot showing that a shadow can overlap adjacent text. A wide majority of ordinary web developers do not know what is an anonymous inline box.

How about (mere suggestion):
Shadows do not influence layout, do not take up space and can overlap (or be overlapped by) adjacent text or other boxes. 

4 tests demonstrating overlapping and adjacent text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/box-shadow-overlapping-001.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/box-shadow-overlapping-002.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/box-shadow-overlapping-003.xht

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/box-shadow-overlapping-004.xht

Edge 16, Firefox 52+ and Chrome 64+ pass these 4 tests.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2476 using your GitHub account

Received on Monday, 26 March 2018 19:14:35 UTC