ladybird icon indicating copy to clipboard operation
ladybird copied to clipboard

Text inside `display: inline-block` hidden by background

Open Randl opened this issue 8 months ago • 1 comments

Summary

The next is not rendered with specific combination of CSS tags

Operating system

Linux

Steps to reproduce

  1. Open the test page

Expected behavior

Text renders

Actual behavior

Text doesn't render

URL for a reduced test case

https://codepen.io/evgeniizh/pen/gbbQaPW

HTML/SVG/etc. source for a reduced test case

N/a

Log output and (if possible) backtrace

-

Screenshots or screen recordings

No response

Build flags or config settings

No response

Contribute a patch?

  • [ ] I’ll contribute a patch for this myself.

Randl avatar May 11 '25 14:05 Randl

Reduced test case:

<!DOCTYPE html>
<style>
#inner {
  background: lightgray;
  display: inline-block;
  position: relative;
}
</style>
<span>
  <span id="inner">This should be visible</span>
</span>

Also, the text is rendered, it just ends up behind the background.

Psychpsyo avatar May 11 '25 17:05 Psychpsyo

Is this still an Issue? The examples render fine for me on the current master a76f420207202b08b91c1c9913d28bd129e28c94.

Image
Image

lpas avatar Oct 13 '25 01:10 lpas