Drag and drop script and ui layers

So I'm using a basic event handler script to simulate a drag and drop system with my inventory slot items. Which works fine, however each inventory slot prefab isn't on the same sorting layer because of how unity sorts ui based on their spot in the hierarchy. So when i go to drag an item, it is behind all the other slots rather than in front. Any ideas? I did a little bit of research and have been seeing people use the canvas layout component but when i tried adding it to my slots, my dragging script stopped working.

EDIT: I have solved this post myself by adding a canvas component to each slot and setting the sorting layer while added a graphics raycaster component.

 

Another option would have been to use: https://docs.unity3d.com/ScriptReference/Transform.SetAsLastSibling.html

 

Thanks god! Really appreciate ur edit message.