gnab / remark

A simple, in-browser, markdown-driven slideshow tool.
http://remarkjs.com
MIT License
12.68k stars 856 forks source link

Embedding various interactive content in the slide works very sporadically #637

Open jcelerier opened 3 years ago

jcelerier commented 3 years ago

Hello, The whole system is super nice but I'm encountering a fairly frustrating issue.

Here are my slides: https://interactive-design.jcelerier.name/ The source code: https://gitlab.com/jcelerier/interactive-design-class/-/tree/master/public

The issue is, that the various "interactive" things I embed into my slides works only sometimes (and other times display nothing or look like they haven't been processed in the mathjax case)

e.g.

I don't know at all where to look, would someone have an idea of how to debug that ? I'd be fine with delay-loading things by a few seconds if ther are some init steps that happen too early but I don't know where would be the best place to do that.

It seems to work a little bit better in chrome than in firefox but that could frankly be just 100% random.

Thanks !

dmurdoch commented 3 years ago

You should check the browser console. When I do, I see an error trying to download a file from twitter: that could kill the whole process, and would have symptoms like yours. Here's the error I saw on Firefox:

The resource at “https://platform.twitter.com/widgets.js” was blocked because content blocking is enabled.

On Chrome, it was a favicon.ico file that failed.

Making the document self-contained might help, unless you really need live downloads: then you're at the mercy of the host and the browser.

jcelerier commented 3 years ago

ohhh, I have that favicon error I think, didn't believe that it would break everything. Trying, thanks.

jcelerier commented 3 years ago

Hm no, that's not it :( and all my scripts except the twitter one are local - e.g. for instance this slides should display mathjax equations: https://interactive-design.jcelerier.name/module-1.html#42 - all the JS is in here: https://gitlab.com/jcelerier/interactive-design-class/-/tree/master/public (js folder)