@itwin/itwinui-react 2.12.7 → 2.12.9

package/esm/core/ComboBox/ComboBoxDropdown.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { PopoverProps } from '../utils/index.js';
+import 'tippy.js/animations/shift-away.css';
 declare type ComboBoxDropdownProps = PopoverProps & {
     children: JSX.Element;
 };

package/esm/core/ComboBox/ComboBoxDropdown.js

@@ -5,6 +5,7 @@
 import * as React from 'react';
 import { Popover, useSafeContext } from '../utils/index.js';
 import { ComboBoxStateContext, ComboBoxActionContext, ComboBoxRefsContext, } from './helpers.js';
+import 'tippy.js/animations/shift-away.css';
 export const ComboBoxDropdown = React.forwardRef((props, forwardedRef) => {
     const { children, ...rest } = props;
     const { isOpen } = useSafeContext(ComboBoxStateContext);

package/esm/core/DropdownMenu/DropdownMenu.js

@@ -3,6 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
+import cx from 'classnames';
 import { useTheme, Popover, mergeRefs } from '../utils/index.js';
 import { Menu } from '../Menu/index.js';
 /**
@@ -44,7 +45,7 @@ export const DropdownMenu = (props) => {
         onHide === null || onHide === void 0 ? void 0 : onHide(instance);
     }, [onHide]);
     useTheme();
-    return (React.createElement(Popover, { content: React.createElement(Menu, { className: className, style: style, role: role, id: id }, React.useMemo(() => menuItems(close), [menuItems, close])), visible: trigger === undefined ? isVisible : undefined, onClickOutside: close, placement: placement, onShow: onShowHandler, onHide: onHideHandler, trigger: visible === undefined ? trigger : undefined, ...rest }, React.cloneElement(children, {
+    return (React.createElement(Popover, { content: React.createElement(Menu, { className: cx('iui-scroll', className), style: style, role: role, id: id }, React.useMemo(() => menuItems(close), [menuItems, close])), visible: trigger === undefined ? isVisible : undefined, onClickOutside: close, placement: placement, onShow: onShowHandler, onHide: onHideHandler, trigger: visible === undefined ? trigger : undefined, ...rest }, React.cloneElement(children, {
         ref: mergeRefs(targetRef, props.children.ref),
         onClick: (args) => {
             var _a, _b;

package/esm/core/Menu/MenuItem.js

@@ -76,13 +76,13 @@ export const MenuItem = React.forwardRef((props, ref) => {
                 className: cx(badge.props.className, 'iui-icon'),
             })));
     return subMenuItems.length === 0 ? (listItem) : (React.createElement(MenuItemContext.Provider, { value: { ref: menuItemRef } },
-        React.createElement(Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', content: React.createElement("div", { onMouseLeave: () => setIsSubmenuVisible(false), onBlur: (e) => {
+        React.createElement(Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', delay: 100, content: React.createElement("div", { onMouseLeave: () => setIsSubmenuVisible(false), onBlur: (e) => {
                     var _a, _b;
                     !!(e.relatedTarget instanceof Node) &&
                         !((_a = subMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) &&
                         !((_b = subMenuRef.current) === null || _b === void 0 ? void 0 : _b.isEqualNode(e.relatedTarget)) &&
                         setIsSubmenuVisible(false);
                 } },
-                React.createElement(Menu, { ref: subMenuRef }, subMenuItems)) }, listItem)));
+                React.createElement(Menu, { ref: subMenuRef, className: 'iui-scroll' }, subMenuItems)) }, listItem)));
 });
 export default MenuItem;