Fixed lists after code blocks disappearing without annotations

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>()