Summary
Sometimes text is painted below background/above other elements when it shouldn't. Repro and screenshots below. Might be related to #1286?
Operating system
Linux
Steps to reproduce
N/A
Expected behavior
N/A
Actual behavior
N/A
URL for a reduced test case
N/A
HTML/SVG/etc. source for a reduced test case
Case 1:
<html>
<style>
body {
display: inline;
}
span {
font-size: 60px;
display: inline-flex;
position: relative;
background-color: crimson;
}
</style>
<span>TEST</span>
</html>
Case 2:
<html>
<style>
body {
width: 100px;
display: flex;
}
div {
background-color: red;
width: 50px;
height: 50px;
}
span {
width: 50px;
}
</style>
<span>LoremIpsum</span>
<div></div>
</html>Log output and (if possible) backtrace
N/AScreenshots or screen recordings
Text is painted below background:
| Chrome | Ladybird |
|---|---|
|
|
|
And above another element:
| Chrome | Ladybird |
|---|---|
|
|
|
Build flags or config settings
No response
Contribute a patch?
- I’ll contribute a patch for this myself.
LadybirdBrowser / ladybird
Truly independent web browser
21.3k
Contributors get 100% of received funds after fees
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too