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

Rendering bugs on docs.rs #187

Open
nicoburns opened this issue Feb 25, 2025 · 2 comments
Open

Rendering bugs on docs.rs #187

nicoburns opened this issue Feb 25, 2025 · 2 comments
Labels
bug Something isn't working

Comments

@nicoburns
Copy link
Collaborator

The following bugs/screenshots are from:

Navigation icons are misaligned

This is due to missing vertical-align style (needs to be implemented in Parley)

Image

Header is layout in garbled

This is due to missing named grid areas

Image

Sidebar labels are cut off

This is due to the clip being miscalculated when rendering. If I remove the clipping then this renders correctly. May have to do with negative margins and/or borders as this HTML uses both of those features.

Image

Item grid is completely messed up

Not sure what's going on here. But it is using CSS Grid layout and seems to be mispositioning items completely wrong. Unclear whether this is a placement or sizing bug. Could be related to the Flexbox layout on servo.org being too wide.

Image
@nicoburns nicoburns added the bug Something isn't working label Feb 25, 2025
@kokoISnoTarget
Copy link
Contributor

kokoISnoTarget commented Feb 28, 2025 •
edited
Loading

Sidebar labels are cut off

This is due to the clip being miscalculated when rendering. If I remove the clipping then this renders correctly. May have to do with negative margins and/or borders as this HTML uses both of those features.

This is a minimal example where is happens

<html>
<style>
    p {
            border-left: solid 24px;
            overflow: hidden;
        }
</style>

<body>
    <p>Sections</p>
</body>
</html>

Image

@nicoburns
Copy link
Collaborator Author

Sidebar labels are cut off

This is due to the clip being miscalculated when rendering. If I remove the clipping then this renders correctly. May have to do with negative margins and/or borders as this HTML uses both of those features.

This is a minimal example where is happens

<html>
<style>
    p {
            border-left: solid 24px;
            overflow: hidden;
        }
</style>

<body>
    <p>Sections</p>
</body>
</html>

Image

Ah, so it's the border then. That's good. That should be easy enough to fix I think:)

@kokoISnoTarget kokoISnoTarget mentioned this issue Feb 28, 2025
Merged
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
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@nicoburns @kokoISnoTarget