# Notebook embedding itself broken

**URL:** <https://talk.observablehq.com/t/notebook-embedding-itself-broken/798>\
**Category:** Help\
**Created:** [May 23, 2018, 5:12pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798 "2018-05-23T17:12:08Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![oscar6echo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/oscar6echo/32/647_2.png) [@oscar6echo](https://talk.observablehq.com/u/oscar6echo)\
**Post date:** [May 23, 2018, 5:12pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798/1 "2018-05-23T17:12:08Z")

</div>

It seems that the [notebook embedding itself](https://beta.observablehq.com/@jashkenas/ouroboros-a-notebook-embeds-itself) is broken.  
In particular the line `Runtime = (await import("@observablehq/notebook-runtime")).Runtime` does not work.  
Is this a recent breaking change ? Wrong url ?

---

<div class="post-metadata">

**Author:** ![jashkenas](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/jashkenas/32/1778_2.png) [@jashkenas](https://talk.observablehq.com/u/jashkenas)\
**Post date:** [May 23, 2018, 5:31pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798/2 "2018-05-23T17:31:34Z")

</div>

It’s working for me:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/1X/054d54e4ddf81db2004f567f56f4a938838f9d3c.png)

What browser are you using?

**Edit:**

It doesn’t work in Firefox, because that Notebook uses dynamic import() to load both the library and the notebook as ES Modules … and Firefox doesn’t support dynamic import() yet.

See: [https://bugzilla.mozilla.org/show\_bug.cgi?id=1342012](https://bugzilla.mozilla.org/show_bug.cgi?id=1342012)

---

<div class="post-metadata">

**Author:** ![oscar6echo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/oscar6echo/32/647_2.png) [@oscar6echo](https://talk.observablehq.com/u/oscar6echo)\
**Post date:** [May 23, 2018, 6:36pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798/3 "2018-05-23T18:36:44Z")

</div>

Thanks for the quick answer !  
You nailed it. Indeed I’m using Firefox - Also Chrome but it did not cross my mind that could be the reason.

Which prompts me to ask a follow up question:  
Do you keep an observablehq browser compatibility table ? Or is it essentially designed and tested in Chrome ?

---

<div class="post-metadata">

**Author:** ![oscar6echo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/oscar6echo/32/647_2.png) [@oscar6echo](https://talk.observablehq.com/u/oscar6echo)\
**Post date:** [May 23, 2018, 6:38pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798/4 "2018-05-23T18:38:23Z")

</div>

By the way, observablehq seems like a SUPERB invention !  
I’m just beginning to play with it.  
(In terms of notebook I’m a regular Jupyter/Python user)

---

<div class="post-metadata">

**Author:** ![jashkenas](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/jashkenas/32/1778_2.png) [@jashkenas](https://talk.observablehq.com/u/jashkenas)\
**Post date:** [May 23, 2018, 6:58pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798/5 "2018-05-23T18:58:47Z")

</div>

Observable itself supports all of the evergreen browsers: Chrome, Firefox, Safari and Edge.

But that in itself doesn’t stop you from using any particular JavaScript feature that you like, in any given notebook. And in this funky demonstration of a notebook embedding itself, I (not the Observable application) am using a dynamic `import()` call to load an ES Module at runtime — something Firefox can’t quite handle yet.

---

<div class="post-metadata">

**Author:** ![oscar6echo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/oscar6echo/32/647_2.png) [@oscar6echo](https://talk.observablehq.com/u/oscar6echo)\
**Post date:** [May 23, 2018, 7:16pm UTC](https://talk.observablehq.com/t/notebook-embedding-itself-broken/798/6 "2018-05-23T19:16:40Z")

</div>

Ok. Clear. Thx.  
(And congratulations for the good work !)