@@@@Below is the code from index.html which is supposed to render based on oj-bind-if
What I see is that there is a flicker when the page loads for the first time, and we see html portion from oj-bind-if false coming up.
<oj-bind-if test="[[router.stateId() === 'signin']]">
<div id="mainContent" role="main"
class="oj-web-applayout-content oj-md-align-self-center oj-md-12 ss-shadow"
data-bind="ojModule: router.moduleConfig"
style="background: url('images/bg_splash_img_sm.jpg') no-repeat center center fixed;background-size: cover; overflow: hidden;">
</div>
</oj-bind-if>
<oj-bind-if test="[[false]]">
Some more html content
</oj-bind-if>
I also see the same behaviour Chrome/Edge/Firefox. No error on the console.
So when the page loads for a sec we see the html being rendered. then gets hidden.
How can we avoid it?
I even tried data-bind="visible: false" still it shows
@"John "