Scroll Rect interactable

I have a canvas group parent with a scroll rect as one of the children.

Setting the canvas group interactable true/false does not alter the scroll rect only the scroll bar. Leaving pointer clicks able to drag the scroll rect.

It would seem scroll rect needs an interactable setting ?

 

For completeness here is the outcome from QA team:

 

I had to solve something similar. The way what I found is to set false the scrollrect's horizontal/vertical property when you want to Turn it Off, and set to true when you want to Turn it On.

It's not mean that its won't be interactable, it just won't move.

Code (CSharp):

1.  
2.     ScrollRect scrollRect;
3.  
4.     scrollRect = GetComponent<ScrollRect>();
5.  
6.     scrollRect.horizontal = false;
7.     scrollRect.vertical=false;
8.  

 

GetComponent<ScrollRect>().enabled = false;