I'm trying to use flex layout inside a web component template.
The case is about having a row with three items in it, the middle "Some title" one occupying all the remaining available space:
:host { display: flex; .title { flex-grow: 1; }}This works fine in Chrome and Firefox, but not in Safari.
This same code works in Safari, but only outside the web component.So is there a specific handling/bug of :host styling in Safari?
