ilovemypixels

I was assuming that as well as getLabelsArray() things like previousLabel(), nextLabel() would have been removed. Looks like that is not the case.

I will have to look into it further and let you know, when I update my tools. If it was me, I would probably separate it out and have timeline helper functions as a seperate js file one can include.

I've only just discovered this change. I used to love getLabelsArray, I now have to rewrite my custom timeline scrubber tools. Its obviously a trade off between ease for the few vs file size for the many, i need to see what else is broken in terms of getNextLabel etc.

Thank you. That is indeed an intriguing solution. I didn't realise display:none would change the width our of containing wrapper, but it does so this should work. I find the whole thing a bit nuts, but I guess web technologies are nuts. I will run an interval that checks the width of the wrapper and only starts the ad once it's visible. I also appreciate the fact your solution does not use jQuery! thanks. I will update Greensock in our ads. I also updated our membership, noticed it had expired.

Thank you so much for continuing to help. The issue though is that I am not setting display: none. The site that hosts the banner is.

Sorry, wasn't very clear. In your example you use my button to split the text, but this button won't be there on the ad. I need to as you say get the load event on the iframe. Not sure currently if I can do this.

Unfortunately I have no control over the sites that this as will appear on. I can't think of a way to wait until the content is visible or detect when this happens? I think we have to not use splitText in banners

I managed to isolate the issue!!! https://codepen.io/ilovemypixels/pen/XWbbOON If the banner ad loads inside a DIV, and that div has display:none; set, then the text does not split. Maybe there is nothing that can be done about this??

I'm guessing its most likely the same issue as this one https://stackoverflow.com/questions/48130147/splittext-removing-line-break https://codepen.io/anon/pen/vpWWJJ but in this case the break is halfway through two paragraphs

Hi, I think it's going to be impossible to replicate what is going on, on this page inside a code pen. I'm not sure which part of the page construction or loading is causing the issue. Thanks for having a look

I was trying to hide the website so I don't get in trouble, but the URL is visible on the image so I may as well post the link. https://smallbusiness.co.uk/downloads/ I will try and do a codePen also but will be tomorrow. I am worried as this seems to be happening on a few different sites, not just this one.

Hi there, I am having a problem with splitText that I have been trying to debug for years, as I could never seem to replicate the issue. I only discovered today, that the issue occurs when my banner ads are loaded inside a sticky header. When the banners are loaded inside an iframe, and that iframe is inside a sticky header then the text does not split properly, as you can see in the images attached it all comes out on one line and the breaks are not respected. On another page this banner is not inside the header, and it loads fine even if the page has been scrolled down so the banner is not visible. This problem only occurs inside this header. The javascript loads as the banner animates, but split text is not able to do its thing. As you can see in the DOM structure, splittext has not made the divs it needs to. Any ideas? Thanks in advance Will

I tried the span option first, but for some reason on Chrome sometimes the page would load with a couple of extra line breaks.

Ok thank you very much. I assumed reduceWhiteSpace would avoid this browser issue but I guess its just for managing how splitText actually splits text. thanks again

Thanks for your help but I'm just getting confused now. What I am saying is that in the HTML above i have a good 20 spaces and one   I would expect the word "YOUR" to be halfway across the page. However its only shifted a little bit to the right, and indeed without the   there is almost no extra gap beyond one single space. So to me it looks like reduceWhiteSpace false is not working, in that it is still reducing white space?