Height only matches on window resize

[just-tom]

Hi guys,

Having a problem where by the matchheight only works when I resize the browser. On load, it doesn't seem to be matching.

Here is an example: http://morefurniture.justtom.me - click on the furniture nav link - this opens a dropdown with 2 UL elements in it as sub nav elements, these should be matching height.

Any ideas?

Thanks

[toddchannick]

I'm having the same issue. Has anyone found a solution/workaround for this yet?

[DavidBruchmann]

I propose make a jsfiddle because your setup @just-tom is quite complicated and I never found there any call of match-height after page-loading. Reduce it to the basics as far as possible and it will be much easier to help. Additionally I found the whole match-height-library defined twice, but never verified why I never got an error about it.

[just-tom]

@DavidBruchmann - Im implementing this into Magento - so breaking it down into JSFiddle is going to be a difficult task. There is no simple form with Magento haha. Ive checked the load order and the js for matchheight is being called after matchheight is included.

[mxkeke]

I've the same problem.
On Google Chrome works good, instead on Safari works only with browser resize (mac os x sierra).

If I remove the Adobe Typekit’s standard embed code (https://helpx.adobe.com/typekit/using/embed-codes.html) the matchheight return to works good.
Could be a conflict with Typekit (and other fonts cloud library)?

[liabru]

Maybe you need to call matchHeight after the fonts have loaded? There should be no reason for any conflict that I know.

[mxkeke]

Is possibile to delay the loading of machheight? If yes, could you send me an example?
I've moved matchHeight as last script loaded in the page but the typekit finish to load always later.
Thanks

[liabru]

The typekit library raises an active event (see here) when it's ready, that's where you should call $.fn.matchHeight._update().

[mxkeke]

I changed the async function from "true" to "false" and now works on Safari