Question Scrollview Madness

I've been trying to get the scrollview "see scrollview screenshot" items to behave in a way that if one of the item contents e.g. the text field text is larger "in height only" then it can display it will automatically increase "the parent "see Item screenshot for inspector" in size, but I just cannot figure out how to get it to work I can get the text field to increase its height using Context Filter Size Vertical fit set to Preferred Fit, but the parent will not increase also I did try to understand the document from the following link
https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/HOWTO-UIFitContentSize.html but I just cannot get it to work.

I would like it like when you message somebody on your phone that's what I'm trying to achieve with it.

any help would be appreciated.

 

@MelvMay by all means, Mel move it, I find a lot that most of the replies I have got go from the 2D, when I post in the other I find it's not very responsive, but I take your point.

 

@MelvMay No offence taken my friend, if the document for the said component was better and provided examples, I might not be here but that's for another time, and yes I'm getting an old-timer here, but happy to be please move it over as I cannot I believe.