Hello,
On my Google chrome when I load this page ( http://themes.semicolonweb.com/html/canvas/demo-conference.html ) The numbers from About section don't appear.
Any idea about this bug ?
Thank you.
9 replies · opened Sep 6, 2019
Hello,
On my Google chrome when I load this page ( http://themes.semicolonweb.com/html/canvas/demo-conference.html ) The numbers from About section don't appear.
Any idea about this bug ?
Thank you.
Hello,
We have just checked this out on Google Chrome and everything appears to be working fine for us. Can you please make sure that our Browser Add-ons are turned off which might be interfering with the Plugin. Additionally, can you please consider checking this in another Browser and let us know if you are facing the same issue?
Also, it would be great if you can consider checking this Page on another Device just to confirm if there are similar issues. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Thanks for this quick feedback. It's seems ok on Firefox, Safari, however on Chrome this is random. I have no error on console. I tried to open a new private window to test every time. Sometimes the numbers show up, somtimes not, and I need to click on it to make appears.
Hello,
Thanks for explaining your experience with this!
This could be related to the Latest Chrome Updates and a slightly outdated jQuery Appear Plugin. Anyways, we are already in the process of updating this functionality in the upcoming update which is more Native JS and very reliable. We will send you an Email notification once this is available. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Thank you, I waiting your mail update. Great support !
Hello,
Thanks for the Kind Words! :)
Consider replacing the entire counter: function() Function Block with the following code in the js/functions.js File:
counter: function(){
if( !$().countTo ) {
console.log('counter: countTo not Defined.');
return true;
}
var $counterEl = $('.counter:not(.counter-instant)');
if( $counterEl.length > 0 ){
$counterEl.each(function(){
var element = $(this);
var counterElementComma = $(this).find('span').attr('data-comma');
if( !counterElementComma ) { counterElementComma = false; } else { counterElementComma = true; }
if( $body.hasClass('device-xl') || $body.hasClass('device-lg') ){
let observer = new IntersectionObserver((entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
SEMICOLON.widget.runCounter( element, counterElementComma );
observer.unobserve(entry);
}
});
}, {rootMargin: '-50px'});
observer.observe( element[0] );
} else {
SEMICOLON.widget.runCounter( element, counterElementComma );
}
});
}
},Do let us know how this works for you. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hi,
Thanks it's OK ! Your support is awesome.
Hello,
Thank You so much for the Kind Words! :) Glad that your issues were resolved.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
FYI I still have some problem on chrome, but I found a fix.
I had to replace {rootMargin: '-10px'}); to show the numbers when I load the page. The numbers are differents after each reload on chrome, but is not important for my test. It's strange and I think is difficult to fix this if i am alone to have this. I keep the fix to work that way.
Thanks.
Hello,
Thanks for the Explanation regarding the issue. We will definitely continue testing this further. Additionally, you can keep the {rootMargin: '0px'} to be set at 0px if you would like, so the Numbers show as soon as this Element enters the Page. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard