Auto-scroll content if focused and covered by toolbar

src/js/a11y.js

@@ -105,4 +105,24 @@ function eraseCookie(name) {
 		return false;
 	});
 
+	var focusable = document.querySelectorAll('input,a,select,textarea,button');
+	focusable.forEach((el) => {
+		el.addEventListener( 'focus', function() {
+			var bounds  = el.getBoundingClientRect();
+			var toolbar = document.querySelector( '.a11y-toolbar' ).getBoundingClientRect();
+			console.log( { bounds, toolbar } );
+
+			var overlap = !(
+				bounds.top > toolbar.bottom ||
+				bounds.right < toolbar.left ||
+				bounds.bottom < toolbar.top ||
+				bounds.left > toolbar.right
+			);
+			if ( overlap ) {
+				var diff = bounds.bottom - toolbar.top;
+				window.scrollBy( 0, diff );
+			}
+		});
+	});
+
 } )( jQuery );