Text breaks out of container until I resize window.

[christianmagill]

The text breaks out of the container by about 20 pixels until I re-size even 1 pixel.

I had to disable the width check on the window resize event so I could trigger with the window resize event to handle the issue.

I am using border-box on everything, but the container has no padding, margin, or border.

[vassiliskrikonis]

I can confirm that it doesn't work until resize event is triggered. You could do that manually though, after calling .slabText(), try calling $(window).trigger('resize') (or the equivalent of the framework or vanilla javascript you use).

[pewee]

@vassiliskrikonis That solved my problem, I used the Wp Slabtext plugin so I had to hack the plugin files. (Not ideal) Have sent a note to the developers, so hopefully it will be included in the next update.

[usefulartservices]

@vassiliskrikonis @pewee I am experiencing the same issue—can you give guidance on how & where to call the resize event in the plugin files? I am not having much luck.

[usefulartservices]

I managed a hack of jquery.slabtext.js by running the resize whether the viewport width equals the window width or not, as follows. If there is a better way of achieving this, I would appreciate any advice.

            resizeSlabs();
            clearTimeout(resizeThrottle);
            resizeThrottle = setTimeout(resizeSlabs, settings.resizeThrottleTime);
                
            if(!settings.noResizeEvent) {
                $(window).resize(function() {
                    clearTimeout(resizeThrottle);
                    resizeThrottle = setTimeout(resizeSlabs, settings.resizeThrottleTime);
                });

            };

[ananaszjoe]

I had the same problem with the version I'm implementing now (2.4), but the method resizeSlabs() doesn't exist. I did try with 2.1 which has the method but that didn't help.
What did help was to call .slabText() on my text elements after the ready event similar to this:

$(document).ready(function(){
	$(".my-headline").slabText();
});