Bug 260499 - mpr.makedeb.org - nested flex with height 100% inside a display: grid is very tall
Summary: mpr.makedeb.org - nested flex with height 100% inside a display: grid is very...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 17
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: https://mpr.makedeb.org/
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2023-08-21 17:50 PDT by Karl Dubost
Modified: 2023-08-21 18:18 PDT (History)
5 users (show)

See Also:

Attachments
simplified testcase (794 bytes, text/html)
2023-08-21 18:16 PDT, Karl Dubost 		no flags Details
rendering in Safari, firefox, chrome (520.08 KB, image/png)
2023-08-21 18:18 PDT, Karl Dubost 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Karl Dubost 2023-08-21 17:50:31 PDT 
This was initially reported on https://github.com/webcompat/web-bugs/issues/124825

Steps to reproduce:
1. With STP 177 on macOS
2. Go to https://mpr.makedeb.org/

Expected:
logo and navbar at the top

Actual:
logo and navbar are overlapping content in the middle of the page.

I need to reduce to make a test case.

A quick solution for the site to fix it is to remove the "height: 100%"

```
/* style.css | https://mpr.makedeb.org/static/css/style.css */

header .makedeb-brand {
  /* height: 100%; */
}
```

But still there is a difference of behavior here for Safari compared to Chrome and Firefox.
Comment 1 Radar WebKit Bug Importer 2023-08-21 17:50:41 PDT 
<rdar://problem/114228144>
Comment 2 Karl Dubost 2023-08-21 18:16:13 PDT 
Created attachment 467377 [details]
simplified testcase

This is kind of minimal.
Maybe there are a couple of things more to reduce.
Comment 3 Karl Dubost 2023-08-21 18:18:41 PDT 
Created attachment 467378 [details]
rendering in Safari, firefox, chrome

Rendering in 

Safari Technology Preview  177           19617.1.4.3
Firefox Nightly            118.0a1       11823.8.19
Google Chrome Canary       118.0.5962.0  5962.0