UI: Tooltip for multiple images behind bigger button?

I have a crafting window with a couple of images for a crafting recipe. When I hover each, I see a tooltip of what it is, but on top of all images I have a bigger button that I can click to craft that item. I could make each image clickable, but I’d like the button/border of all icons to be highlighted when hovered.

I’m using IPointerEnterHandler to receive mouseover events to show the tooltip. But when there is a button on top of it, the OnPointerEnterEvent doesn’t fire.

Is there a way to combine these, so the raycast still goes through to the IPointerEnterHandler, and at the same time the button works like a normal button?

Or do I have to code my own solution with raycasts, like “if mouse is over any icon, show border”, “if anything is clicked, craft item”.

Thank you in advance!

Can you not use triggers?
https://docs.unity3d.com/ScriptReference/EventSystems.EventTrigger.html

Update

I know what you mean now, sorry. I am using this script for my sidebar navigational menu in my app, it helps me to pin point what user taps on.

if (Input.touchCount > 0)
        {
            var touch = Input.GetTouch(0);

            PointerEventData pointerData = new PointerEventData(EventSystem.current);

            pointerData.position = touch.position;

            List<RaycastResult> results = new List<RaycastResult>();
            EventSystem.current.RaycastAll(pointerData, results);

            if (results.Count > 0)
            {
                if (results[0].gameObject.layer != LayerMask.NameToLayer("UI - Sidebar"))
                {
                   Debug.Log("Root Element" + results[results.Count-1].gameObject.name + " Child" + results[0].gameObject.name);
                    results.Clear();
                }
            }
        }