223270 2021-03-16 12:14:06 -0700 Slotted item not filling height of container in Safari 2021-03-29 12:23:09 -0700 1 1 1 Unclassified WebKit CSS Other Mac (Intel) macOS 10.14 NEW InRadar P2 Blocker --- 1 warcon103 webkit-unassigned rniwa simon.fraser svillar webkit-bug-importer zalan oldest_to_newest 1740108 0 warcon103 2021-03-16 12:14:06 -0700 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/ 1740319 1 warcon103 2021-03-16 17:27:21 -0700 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 1742942 2 webkit-bug-importer 2021-03-23 12:15:18 -0700 <rdar://problem/75749136> 1743091 3 rniwa 2021-03-23 17:31:56 -0700 Is this bug really dependent on using slot? Or it reproduces anywhere? 1744832 4 warcon103 2021-03-29 12:23:09 -0700 No, looks like its an issue with `flex:auto` in general