Text stops rendering when scrolling too far?

I’m not entirely sure what is happening here?


Here is the hierarchy:
image
I can discuss the properties of each if asked.

Not scrolled:


Scrolled:
(Vanishes?)

Actually its pretty normal behaviour as you can change how far the scrolling frame is scroll can go by changing canvas size.The text not rendering is because its always rendered at the position before scrolling far.