Webflow Tabs and Custom Code

[moofawsaw (Kyle Underhill)]

Hello All,

There seems to be an unresolved issue with the native Webflow Tabs. I have linked to a forum post I created a while back that provides insight into the problem but I want to ask the community if they have been able to find a work around for the problem.

The problem: Custom Code does not executed on load when not in the active tab.

Here is a demo of the problem I have set up:https://kyles-dynamite-project-efe535.webflow.io/

The updateWidth(); function is supposed to fire on load but fails to executed when not in the active webflow tab.

How do you force all code to fire regardless of what tab it is in?

Reinitialize active tab

At the test site below you can see that the Before </body> function updateWidth(); doesn’t initialize unless the associated html is in the w--tab-active tab on load. Take a look at the demo here: https://kyles-dynamite-project-efe535.webflow.io/ If you go into Tab 2, then look at the inputs you will see their width is 0. My code is to auto-resize the input width based on the input value and it’s subsequent width. If on load I have Tab 2 as my active tab, the code initializes and the width is r…

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Hayden_Judd1 (Hayden Judd)]

Hi there,

I’m having a similar issue with height. Using a Shopify Buy Button, only the active tab loads auto height based on content. It’s driving me batty, did you come up with a solution?

I have hunted everywhere and your problem is the closest problem, but no answer.

[hurricane444 (Tayfun)]

Any solutions? I came across the same problem and it does not seem to exist a workaround