A container (applied autolayout upon) with 3 childs vertically aligned . Where the middle childs height increases and decreaes on canvas which works fine . The position of third child moves up and down based upon the height increament and decreament . But this doesn't work fine in preview mode .

In preview mode , when the middle child's height is increased then the third child's position remains same , which should be responsive based upon height of middle ( 2nd child ) and move its position . As result the middle child overlaps on the third child