Instantiated item dragged from GridLayoutGroup is invisible

Hello Unity Community!
i’m quite new at unity and currently working on my first app. here’s the situation:

what do I have:
a UI canvas with two panels on it. each panel has GridLayoutGroup component and can contain Images.

what do I want:
when dragging an item from left panel, I want to dynamically instantiate a copy of this object and drag the copy and drop it to the right panel.

the problem:
instantiated items are invisible while dragged. though i can see them appear in the hierarchy, I can clearly see their coordinates are right in the inspector. but the object’s appearance just… like doesnt exist. when i drop it to the right panel, the image appears.

what might be the solution to it? i’m too afraid to think it’s GridLayoutGroup’s issue, because once I removed the component from the panel and tried instantiate&drag, it worked as I expected.

here’s the link to a small screencast of the behavior I’m seeing: https://drive.google.com/file/d/1nkw8NvgP7JJ2tk10Jcl613VWARlDdKiP/view?usp=sharing

thank you!

Sadly don’t have any ideas. Since this is a UI thing though, best to post in the UI forum.