Vertically scrollable UI with children that stretch to width

Question

I am trying to create a vertically scrollable UI element that stretches horizontally, with children that also stretch horizontally. The children are instantiated prefabs. The prefab root object is set to TOP STRETCH but when it is instantiated it gets set to TOP LEFT and warns me that "Some values driven by VerticalLayoutGroup". In the inspector at runtime, I can simply click the widget for the rect transform and set it to TOP STRETCH and it immediately displays properly. I have tried numerous ways of fixing this, including a coroutine that programmatically changes the anchors one frame after they are instantiated. This technically worked, but then when you resize, it reverts to TOP LEFT. Besides this is a bit of a hack I don't want to do.

What is the best way to accomplish my goal of having a GameObject inside a Vertical Layout Group that is stretched?

Hierarchy:

GameObject	Components	Comment
EventTrackContainer	Scroll Rect
	Rect Mask 2D
EventTrackContent	Vertical Layout Group
	Content Size Fitter	will not scroll without this, despite the warning
[prefab] EntityTrack	Layout Element	Flexible Width checked [1] (this was an attempt to solve the problem but did not work). This is the item that is set to TOP STRETCH but gets reverted.
EventTrackEntityName	N/A
EventTrackContent	N/A	This is the one I really need to be the same width as EventTrackContent

Prefab in Prefab editor:

Instantiated prefab (The problem):

I tried adding a "Layout Element" and setting Flexible Width to 1. I tried programmatically changing the anchors.

Answer 1

This should behave as expected

The pivot and anchoring and child alignment settings etc are optional, the main focus is the Control Child Size -> Width and disabling the Child Force Expand -> Height but rather tick Use Child Height