How can I prevent my text elements from blocking the interaction with scrollrect?
I need to have visually scroll rect image behind the text, but have the text NOT blocking the interaction with the scrollrect. Is there any way to separate images that are used only for visualization from the scrollrect?
For me the problem for creating additional image layer is that it completely ignores the hierarchy for rendering. it just always renders on top of the text. Really frustrating to fight with the rendering Z order AND interaction Z order without really controlling it.
In the attached file you see hierarchy as follows:
ScrollRect
Text
And it renders correctly. But the text blocks the mousepick from the scroll rect even if it is just supposed to be dummy text created with new UI. I tried following hierarchy also:
Image
Text
ScrollRect (no visual image)
But the image alone refuses to render before the text. it just walways is rendering on top of the text. This also happens if I copy my scrollrect and remove unnecesary components from it. I have to keep the scrollrect on the Default sorting layer for it to render correctly underneath the text. Some kind of bug? Or am I doing something wrong?
Any help would be greatly appreciated!
