blur active element on navigation - fixes #287

src/runtime/index.ts

@@ -161,6 +161,7 @@ function navigate(target: Target, id: number) {
 		}
 
 		render(Page, props, scroll_history[id], token);
+		document.activeElement.blur();
 	});
 }
 

test/common/test.js

@@ -608,6 +608,19 @@ function run({ mode, basepath = '' }) {
 			it('emits a basepath', () => {
 				assert.equal(captured_basepath, basepath);
 			});
+
+			// skipped because Nightmare doesn't seem to focus the <a> correctly
+			it.skip('resets the active element after navigation', () => {
+				return nightmare
+					.goto(base)
+					.init()
+					.click('a[href="about"]')
+					.wait(100)
+					.evaluate(() => document.activeElement.nodeName)
+					.then(name => {
+						assert.equal(name, 'BODY');
+					});
+			});
 		});
 
 		describe('headers', () => {