NEW223270
Slotted item not filling height of container in Safari 
https://bugs.webkit.org/show_bug.cgi?id=223270
Summary Slotted item not filling height of container in Safari
warcon103
Reported 2021-03-16 12:14:06 PDT
I'm trying to get the slotted item to fill the parents container in Safari. The following works in Chrome, FF, even Edge-Chromium, but not Safari. I only have ability to modify the content and styles of the slotted item and not the slot's container (i.e i can modify .c-name, but not user-card) https://jsfiddle.net/vhu8x716/
Attachments
Add attachment proposed patch, testcase, etc.
warcon103
Comment 1 2021-03-16 17:27:21 PDT
On additional review, it appears the issue is most associated with the 'flex: auto;' defined in the web-component. Changing this to 'flex: 1 1 100%' resolved the issue, but again this requires making changes to third party webcomponents
Radar WebKit Bug Importer
Comment 2 2021-03-23 12:15:18 PDT
<rdar://problem/75749136>
Ryosuke Niwa
Comment 3 2021-03-23 17:31:56 PDT
Is this bug really dependent on using slot? Or it reproduces anywhere?
warcon103
Comment 4 2021-03-29 12:23:09 PDT
No, looks like its an issue with `flex:auto` in general
Note You need to log in before you can comment on or make changes to this bug.