Picture of Ludovic Bas
Loading problem on mobile
by Ludovic Bas - Monday, 18 December 2017, 7:48 PM
 

Hello,

I have a persistent loading in mobile (not only in mobile but also on pc when changing screen size in Chrome console).

Everything seems to load (at least, there is no loading failure in my console).

Any clue to solve this?

Picture of Jan Seger
Re: Loading problem on mobile
by Jan Seger - Monday, 18 December 2017, 8:31 PM
 

Are you working in the Authoring Tool or Framework?

If in the AT, have you added any custom CSS that uses @media to apply different styles based on max-width screen sizes?

It could be that you have a conflict in screen size detection. Just a guess.

Picture of Ludovic Bas
Re: Loading problem on mobile
by Ludovic Bas - Monday, 18 December 2017, 9:55 PM
 

Thanks for your answer.

I'm using the Framework but maybe I have a screen size detection conflict as you suggest.

I'll check my css.

Picture of Ludovic Bas
Re: Loading problem on mobile
by Ludovic Bas - Tuesday, 19 December 2017, 7:39 AM
 

So I've tested without my less files and the project doesn't load on mobile size. So this is not a problem of screen size conflict I guess.

The method pageView.isReady() is never fired (this is the method that hides the loader).

What can be wrong? 

Picture of Ludovic Bas
Re: Loading problem on mobile
by Ludovic Bas - Tuesday, 19 December 2017, 9:24 AM
 

The method adaptModel.checkReadyStatus() is fired but : 52 for desktop and 48 for mobile. So I guess something doesn't set _isReady to  true in mobile.

Picture of Ludovic Bas
Re: Loading problem on mobile
by Ludovic Bas - Tuesday, 19 December 2017, 9:50 AM
 

Oh! My fault! It seems that it comes from my modified version of the hotgraphic component.

I have added an attribute to allow keeping hotgraphic on small device (it's work well on portrait mode) instead of the narrative fallback. I think the hotgraphic doesn't send isReady on mobile. 

How can I be sure to set isReady to true on the hotgraphic component?

Picture of Ludovic Bas
Re: Loading problem on mobile
by Ludovic Bas - Tuesday, 19 December 2017, 10:04 AM
 

Ah found it!

I was only avoiding the replacement of the hotgraphic in the reRender method so this is why it was working when I was playing with my screen dimension in Chrome after initialization. But I've forget to force the call of the render method during initialization.

Everything works now.