Locate where interaction used

Design help Animations & Interactions
1

I am trying to locate where a few interactions are being used on my site as they are not cleared when I use the interaction clean up tool.

I have gone through every page and fully expanded the navigator, checked every element with an interaction symbol, and did not find any instance of these interactions. I’ve also checked the components I have (no unused components).

If I delete the interaction and then use the interaction clean up tool, it then clears an unused interaction trigger.

Is there any way to locate where these interactions are used? I was very deliberate in my search and did not find them. I’ve tried searching around in chrome dev tools sources, performance and console, but I don’t really know what I’m doing there… Any help is much appreciated.

2

I usually check the Webflow site JS file, which includes data about the interactions towards the end of the file. Code references class names which you can use to pinpoint the elements you need.

1 Like
3

Thank you for the reply Jeff. Unfortunately the interactions I’m concerned with dont reference classes in their “target” objects in the js file. They instead reference a autogenerated ids

        "a-995": {
            "id": "a-995",
            "title": "scent_heading scroll in",
            "actionItemGroups": [{
                "actionItems": [{
                    "id": "a-995-n",
                    "actionTypeId": "TRANSFORM_MOVE",
                    "config": {
                        "delay": 0,
                        "easing": "",
                        "duration": 500,
                        "target": {
                            "useEventTarget": true,
                            "id": "662837dc32e7371b56d3b824|102e8d0b-9ef8-82ea-6402-14370dfbf55c"
                        },
                        "yValue": 40,
                        "xUnit": "PX",
                        "yUnit": "px",
                        "zUnit": "PX"
                    }

Is there a way I can trace these IDs to their elements? I tried searching the html source code (where I successfully located IDs that I’ve created myself) but did not find them.

Another piece of information that might be relevant:
When I go in to configure these interactions that don’t appear to be used anywhere, most (and sometimes all) of the elements have a yellow exclamation in triangle warning with a tooltip saying “This action’s original target is on the “x” page.” Or “This action’s original target no longer exists.” I thought this might be the reason its acting strangely, but when I created an interaction involving an element whose class and itself I then deleted to trigger this same flag in the config, it was detected and cleared as unused.