Hopefully I can explain this clearly but I’m having issues with the sizing of my auto-layout components. I’m trying to achieve a horizontal card roll similar to how you’d see in a blog layout but I need them all to be equal height based on the amount of content within them.
After doing much trial-n-error, I was able to make all the cards equal height if the content is SHORTER than the other cards but as soon as the content get’s LONGER, the card doesn’t grow in height. Instead, the content is pushed outside the wrapper. Here’s an example:
Content longer:
I as able to make the wrapper fit all the content by switching the height from “fill” to “hug” but unfortunately, all the other cards are now hugging so they’re not equal in height anymore.
Once I change the wrapper back to “fill” so all the cards are equal height, the parent container changes it’s height to “fixed”. At this point, all the cards are now overly long instead of matching the length of the content. If I change the parent wrapper’s height to “fill”, nothing happens. If I change it to “hug” then all of a sudden the child elements (cards) all have fixed heights. Once I change the height of the child elements back to “hug” or “fill” then the parent container changes the height back to “fixed”.
So I’m wondering if there’s a way to have both the parent AND child elements have flexible heights instead of one switching to “fixed” based on the other’s setting??
Hopefully I explained this well enough.
