Present in 1.8.3 and 1.8.6. Have not got active sites on other versions to test out but could be from when grid was originally added.
When I set a grid layout on an element, Bricks adds align-items: initial; also as default.
On a grid layout this "leads to a behavior similar to the one of stretch" - MDN - align-items
If we do not set an align-items property to override, then the grid effectively has a default value of stretch. This is not highlighted in the builder (due to align-items not explicitly being set) and does break some layouts and functionality and forces users to add CSS unnecessarily to override.
you actually already mentioned the reasons yourself:
As there are Bricks default values for layout elements like the container or block element we use align-items: initial to reset those default values when using display: grid (as a grid’s default behavior is stretching the grid items).
This is not highlighted in the builder
You mean that you would like the stretch icon to be highlighted in some way? Actually you could argue like this for many different default settings which are not highlighted (like a section element’s align-items: center).
Can you elaborate the actual issues you’re having with the align-items: initial setting? If you were creating a grid “manually” you’d also have to explicitly set align-items to start to override the default stretch behavior:
I was trying to copy something I saw on another site and I think the issue I was having was my mistake on the inheritance. As the container was flex and had flex-start, that confused me with the grid inside and the align-items as I wanted it to be align-items start but was getting stretch.
Building it out on Codepen works as expected with zero styles so just need to remember to check a bit more on Bricks’ inherited styles.
So yeah no bug, just my error in what I was trying to do and what happens with Bricks containers.
