Page lags in Chrome when typo shortcode running

[Kashevko]

Hi, Check this page in Chrome please: https://www.ponylab.studio/thank-you/

Why it’s ‘‘dancing’’ when the typing begins?

For an example, I have this typing feature on my home page and from there everything works great.

Also, this bug is only in Chrome, in Mozilla this works how it should.

How to fix?
Thanks!

[Joao]

Hi There,

Please try adding the following code to Theme Options CSS

body {
overflow: hidden;
}

Hope it helps

[Kashevko]

@Joao

body {
overflow: hidden;
}

Hi Joao,

not helping
Tried also adding !important:

body {
overflow: hidden !important;
}

Still no lack.

[jade]

Hi there,

Please try this:

.page-id-2102 .x-colophon.bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

Hope this helps.

[Kashevko]

@Jade

.page-id-2102 .x-colophon.bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}

Hi Jade, thank you!

Almost there!
Now it lags only when an emoticon appears.
How to fix?

Thanks!

[jade]

Hi there,

Please try this:

.post-2102 .entry-content {
    position: relative;
}

.post-2102 .entry-content .eds-animate:last-child {
    position: absolute;
    width: 100%;
}

In case this doesn’t sort it, please add html { overflow: hidden !important; } in the custom CSS panel of the specific page in Cornerstone.

Hope this help.

[Kashevko]

@Jade

html { overflow: hidden !important; }

Hi,

I’ve tried adding this CSS, also that html { overflow: hidden !important; } to the thank you page - no luck.
Even if this code removes the scrollbar it appears on a second when an emoji appears!

Thanks.

[christopher]

Hi there,

It seems that there is a bug in the Text Type when it comes to none standard characters which render differently in different browsers. Kindly avoid using that kind of characters in the element at the moment. We will add this to our issue tracker.

Thank you.