Bug 296988 – proxmox.com: grid elements are too high

• Component: Layout and Rendering
• Status: RESOLVED FIXED

[Karl Dubost]

Initially reported on https://github.com/webcompat/web-bugs/issues/153744

1. On macOS macbook with Safari
2. Go to https://www.proxmox.com/en/products/proxmox-virtual-environment/features
3. Click on Clustering

Result:

big empty area. You need to scroll to see the content. 
This is not happening on Firefox and Chrome. 



each div element is a grid which is around 5000px high in Safari. 

```
.site-grid > div:has(.wide), .site-grid > div:has(.wide) > main, main > div.com-content-article:has(.wide), main > div.com-content-article:has(.wide) > div, div.wide {
    grid-template-columns: subgrid;
    display: grid;
}

div.wide {
    grid-column: full !important;
    width: auto;
    margin-left: auto;
}

:root:has(.sticky-top) [id] {
    scroll-margin-top: var(--cassiopeia-scroll-margin-top,10rem);
}
```

[Radar WebKit Bug Importer]

<rdar://problem/157638931>

[Sammy Gill]

Created attachment 476521 [details]
Testcase

Attaching reduced test case

[Sammy Gill]

Pull request: https://github.com/WebKit/WebKit/pull/49971

[EWS]

Committed 300422@main (4a61ed0984fb): <https://commits.webkit.org/300422@main>

Reviewed commits have been landed. Closing PR #49971 and removing active labels.

[Brandon]

Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/56104