Parent: box
Child: Row with flex
Grandchild: column content with a border-left

When I change the box's display to flex and flex-col, the grandchild overflows.
When I change the box's display to block, the grandchild doesn't get full height ➡️ not showing the border all the way.
See attached pdfs

codepen with html and css structure where everything seems to be working correctly: https://codepen.io/perjor/pen/PopWzNN?editors=1100

Any Solutions?

1. flexboxpdf.pdf‎ 76.3 kB ‎
   Parent has flex columns
2. princepdfblock.pdf‎ 76.8 kB ‎
   Parent is a block

Thanks, we will take a look at this.

Hello, any updates on this behaviour?

Sorry for the delay we will attempt to get back to you shortly.

Hi,

I think the issue is that we don't currently implement "align-self: stretch" for flex items in row containers. Sorry for the inconvenience.

Mark

Today we have released a new latest build with support for 'align-self: stretch' for flex items in a fragmented flex row container.