Fixed lists after code blocks disappearing without annotations

material/base.html

@@ -213,7 +213,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.acd49e06.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.7d4612cf.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

material/overrides/main.html

@@ -16,5 +16,5 @@
 {% endblock %}
 {% block scripts %}
   {{ super() }}
-  <script src="{{ 'overrides/assets/javascripts/bundle.7c4664dd.min.js' | url }}"></script>
+  <script src="{{ 'overrides/assets/javascripts/bundle.fa323f41.min.js' | url }}"></script>
 {% endblock %}

src/assets/javascripts/browser/element/focus/index.ts

@@ -39,8 +39,8 @@ import { getActiveElement } from "../_"
  *
  * Previously, this function used `focus` and `blur` events to determine whether
  * an element is focused, but this doesn't work if there are focusable elements
- * within the elements itself. A better solutions it to use `focusin/out` events
- * events which bubble up the tree and allow for more fine-grained control.
+ * within the elements itself. A better solutions are `focusin` and `focusout`
+ * events, which bubble up the tree and allow for more fine-grained control.
  *
  * @param el - Element
  *

src/assets/javascripts/components/content/code/annotation/list/index.ts

@@ -21,6 +21,7 @@
  */
 
 import {
+  EMPTY,
   Observable,
   Subject,
   defer,
@@ -118,6 +119,10 @@ export function mountAnnotationList(
     marker.replaceWith(annotations.get(+id)!)
   }
 
+  /* Keep list if there are no annotations to render */
+  if (annotations.size === 0)
+    return EMPTY
+
   /* Create and return component */
   return defer(() => {
     const done$ = new Subject<void>()