Okadia page scrolling issue in Safari

[brendanmcgivern]

I recently downloaded the Okadia theme with Markup, CSS, C-like, JavaScript and Python languages. Scrolling down the page slows to a halt once you reach the <pre><code> sections. The default theme seemed to work fine. It must be something specific to the Okadia theme.

[Golmote]

Hi! Can you provide on online example reproducing this issue please?

[Golmote]

Closing this issue, since there is nothing we can do without an example reproducing it.

[mansona]

👋 Any chance that we can get this reopened? We are hitting this exact issue with the Ember Guides and there has been a really great Twitter thread explaining the issue here

I was able to alleviate a little bit of the problem by adding the following to our CSS:

code[class*=language-], pre[class*=language-] {
  text-shadow: unset;
}

which seems to reduce some of the compositing time, but it doesn't completely clear the problem.

I would recommend looking at the YouTube video that shows the exact code example that is giving the issue. The unaltered page that Don is using there is this one: https://guides.emberjs.com/release/tutorial/simple-component/ and the WIP that we're currently working on is here: https://ember-guides-prod-pr-216.herokuapp.com/release/tutorial/simple-component/

I would appreciate some help on this because I don't really know too much about how to debug compositing issues on Safari 😖