Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

LibWeb: Issues with text painting order #2781

Open
1 task
aplefull opened this issue Dec 5, 2024 · 0 comments
Open
1 task

LibWeb: Issues with text painting order #2781

aplefull opened this issue Dec 5, 2024 · 0 comments
Labels
bug Something isn't working has repro We have a way to reproduce this bug. painting Related to painting subsystem

Comments

@aplefull
Copy link

aplefull commented Dec 5, 2024

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/A

Screenshots or screen recordings

Text is painted below background:

Chrome Ladybird

image

image

And above another element:

Chrome Ladybird

image

image

Build flags or config settings

No response

Contribute a patch?

  • I’ll contribute a patch for this myself.
@AtkinsSJ AtkinsSJ added bug Something isn't working has repro We have a way to reproduce this bug. painting Related to painting subsystem labels Dec 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working has repro We have a way to reproduce this bug. painting Related to painting subsystem
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@AtkinsSJ @aplefull