Blur on Page update

openstax · Aug 13, 2024 · 744d8ee · 744d8ee
1 parent 932e780
commit 744d8ee
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/app/content/components/Page/PageComponent.tsx b/src/app/content/components/Page/PageComponent.tsx
@@ -90,9 +90,12 @@ export default class PageComponent extends Component<PagePropTypes> {
     // per rerender. componentDidUpdate is called multiple times when user navigates quickly.
     const runId = this.getRunId();
 
-    this.doFocus = true;
-    // If page has changed, call postProcess that will remove old and attach new listerns and start mathjax typesetting.
+    // If page has changed, call postProcess that will remove old and attach new listeners and start mathjax typesetting.
     if (prevProps.page !== this.props.page) {
+      const activeEl = document?.activeElement;
+
+      this.doFocus = true;
+      (activeEl as HTMLElement).blur();
       this.postProcess();
     }