@khanacademy/math-input 20.0.0 → 20.0.2

package/dist/es/index.js

@@ -15,7 +15,7 @@ import PropTypes from 'prop-types';
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "20.0.0";
+const libVersion = "20.0.2";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -2609,25 +2609,11 @@ function TabbarItem(props) {
   } = props;
   const tabRef = useRef(null);
   useEffect(() => {
-    let timeout;
     if (role === "tab" && focus) {
-      /**
-       * When tabs are within a WonderBlocks Popover component, the
-       * manner in which the component is rendered and moved causes
-       * focus to snap to the bottom of the page on first focus.
-       *
-       * This timeout moves around that by delaying the focus enough
-       * to wait for the WonderBlock Popover to move to the correct
-       * location and scroll the user to the correct location.
-       * */
-      timeout = setTimeout(() => {
-        if (tabRef != null && tabRef.current) {
-          // Move element into view when it is focused
-          tabRef == null || tabRef.current.focus();
-        }
-      }, 0);
+      var _tabRef$current;
+      // Move element into view when it is focused
+      tabRef == null || (_tabRef$current = tabRef.current) == null || _tabRef$current.focus();
     }
-    return () => clearTimeout(timeout);
   }, [role, focus, tabRef]);
   return /*#__PURE__*/React.createElement(Clickable, {
     onClick: onClick,