Update tabs function to use history.pushState

Author: joedolson

src/assets/css/admin.css

@@ -46,14 +46,10 @@
 }
 
 
-.wp-admin.js .wptab {
+.wp-admin.no-js .wptab {
 	display: none;
 }
 
-.wp-admin.js .wptab[aria-hidden=false] {
-	display: block;
-}
-
 .ableplayer-tabs .tabs, .mc-tablinks {
 	position: relative;
 	border-bottom: 1px solid #c3c4c7;

src/assets/js/admin.js

@@ -38,19 +38,18 @@ jQuery(document).ready(function ($) {
 		} // reset all tabs to aria-selected=false and normal font weight
 		e.target.setAttribute('aria-selected', 'true'); //set aria-selected=true for clicked tab
 		for ( let i = 0; i < tabPanels.length; i++) {
-			tabPanels[i].setAttribute( 'aria-hidden', 'true' );
+			tabPanels[i].style.display = 'none';
 		} // hide all tabpanels
 		// If this is an inner tab panel, don't set the window location.
 		if ( inside.length == 0 ) {
-			window.location.hash = tabPanelToOpen;
+			history.pushState(null,null,'#' + tabPanelToOpen);
 		}
-		document.getElementById(tabPanelToOpen).setAttribute( 'aria-hidden', 'false' ); //show tabpanel
+		document.getElementById(tabPanelToOpen).style.display = 'block';
 		for ( let i = 0; i < iframes.length; i++ ) {
 			let iframe = iframes[i];
 			resizeIframe(iframe);
 		}
 		$( '#' + tabPanelToOpen ).attr( 'tabindex', '-1' ).trigger( 'focus' );
-		window.scrollTo( 0,0 );
 	}
 
 	/**
@@ -72,10 +71,10 @@ jQuery(document).ready(function ($) {
 		} //reset all tabs to aria-selected=false and normal font weight
 		control.attr('aria-selected', 'true'); //set aria-selected=true for clicked tab
 		for ( let i = 0; i < tabPanels.length; i++) {
-			tabPanels[i].setAttribute( 'aria-hidden', 'true' );
+			tabPanels[i].style.display = 'none';
 		}
 		if ( null !== currentPanel ) {
-			currentPanel.setAttribute( 'aria-hidden', 'false' ); //show tabpanel
+			currentPanel.style.display = 'block';
 		}
 	}