fix: remove active style from menu item with tabIndex 0

dhis2 · Nov 25, 2024 · 8a52497 · 8a52497
1 parent ce4d3ae
commit 8a52497
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/menu/src/menu-item/menu-item.js b/components/menu/src/menu-item/menu-item.js
@@ -1,6 +1,6 @@
-import { IconChevronRight24 } from '@dhis2/ui-icons'
 import { Popper } from '@dhis2-ui/popper'
 import { Portal } from '@dhis2-ui/portal'
+import { IconChevronRight24 } from '@dhis2/ui-icons'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { useEffect, useRef, useState, useMemo } from 'react'
@@ -104,7 +104,7 @@ const MenuItem = ({
                     destructive,
                     disabled,
                     dense,
-                    active: active || showSubMenu || tabIndex === 0,
+                    active: active || showSubMenu,
                     'with-chevron': children || chevron,
                 })}
                 ref={menuItemRef}