DioxusLabs / DioxusLabs/blitz

Rendering bugs on docs.rs

Open
#187 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Rust
Stars
4.1k
Forks
203
Avg merge
8h 58m
Merged PRs (30d)
112

Description

The following bugs/screenshots are from:

- https://docs.rs/taffy/0.7.6/taffy/index.html
- Rendered with Blitz commit `0262318f0e51d4c943b39c74c91870e091dbb4f4`

### Task list

- [ ] Navigation icons are misaligned
- [x] Header is layout in garbled
- [x] Sidebar labels are cut off
- [x] Item grid is completely messed up

### 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.