Forum Bugs

Flexbox overflowing & Block limiting flex child's children's width

perjor
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.pdf76.3 kB
    Parent has flex columns
  2. princepdfblock.pdf76.8 kB
    Parent is a block
mikeday
Thanks, we will take a look at this.
perjor
Hello, any updates on this behaviour?
mikeday
Sorry for the delay we will attempt to get back to you shortly.
markbrown
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
mikeday
Today we have released a new latest build with support for 'align-self: stretch' for flex items in a fragmented flex row container.