@itwin/itwinui-react 1.31.0 → 1.32.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/cjs/core/Menu/MenuItem.js +1 -1
  2. package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +1 -1
  3. package/cjs/core/utils/components/Popover.js +1 -1
  4. package/esm/core/Menu/MenuItem.js +1 -1
  5. package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +1 -1
  6. package/esm/core/utils/components/Popover.js +1 -1
  7. package/package.json +1 -1
package/cjs/core/Menu/MenuItem.js CHANGED
@@ -106,7 +106,7 @@ exports.MenuItem = react_1.default.forwardRef(function (props, ref) {
106
106
  className: (0, classnames_1.default)(badge.props.className, 'iui-icon'),
107
107
  })));
108
108
  return subMenuItems.length === 0 ? (listItem) : (react_1.default.createElement(MenuItemContext.Provider, { value: { ref: menuItemRef } },
109
- react_1.default.createElement(utils_1.Popover, { placement: 'right-start', visible: isSubmenuVisible, content: react_1.default.createElement("div", { onMouseLeave: function () { return setIsSubmenuVisible(false); }, onBlur: function (e) {
109
+ react_1.default.createElement(utils_1.Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', content: react_1.default.createElement("div", { onMouseLeave: function () { return setIsSubmenuVisible(false); }, onBlur: function (e) {
110
110
  var _a, _b;
111
111
  !!(e.relatedTarget instanceof Node) &&
112
112
  !((_a = subMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) &&
package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js CHANGED
@@ -68,7 +68,7 @@ var DatePickerInput = function (props) {
68
68
  if (!((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
69
69
  close();
70
70
  }
71
- } },
71
+ }, appendTo: 'parent' },
72
72
  react_1.default.createElement(LabeledInput_1.LabeledInput, __assign({ displayStyle: 'inline', value: inputValue, onChange: onInputChange, onClick: close, svgIcon: react_1.default.createElement(Buttons_1.IconButton, { styleType: 'borderless', onClick: function () { return setIsVisible(function (v) { return !v; }); }, ref: buttonRef },
73
73
  react_1.default.createElement(Calendar_1.default, null)) }, rest))));
74
74
  };
package/cjs/core/utils/components/Popover.js CHANGED
@@ -59,7 +59,7 @@ exports.Popover = react_1.default.forwardRef(function (props, ref) {
59
59
  },
60
60
  }); },
61
61
  };
62
- var computedProps = __assign(__assign({ allowHTML: true, animation: false, appendTo: 'parent', arrow: false, duration: 0, interactive: true, role: undefined, offset: [0, 0], maxWidth: '' }, props), { className: (0, classnames_1.default)('iui-popover', props.className), plugins: __spreadArray([
62
+ var computedProps = __assign(__assign({ allowHTML: true, animation: false, appendTo: function (el) { return el.ownerDocument.body; }, arrow: false, duration: 0, interactive: true, role: undefined, offset: [0, 0], maxWidth: '', zIndex: 99999 }, props), { className: (0, classnames_1.default)('iui-popover', props.className), plugins: __spreadArray([
63
63
  lazyLoad,
64
64
  removeTabIndex,
65
65
  exports.hideOnEscOrTab
package/esm/core/Menu/MenuItem.js CHANGED
@@ -100,7 +100,7 @@ export var MenuItem = React.forwardRef(function (props, ref) {
100
100
  className: cx(badge.props.className, 'iui-icon'),
101
101
  })));
102
102
  return subMenuItems.length === 0 ? (listItem) : (React.createElement(MenuItemContext.Provider, { value: { ref: menuItemRef } },
103
- React.createElement(Popover, { placement: 'right-start', visible: isSubmenuVisible, content: React.createElement("div", { onMouseLeave: function () { return setIsSubmenuVisible(false); }, onBlur: function (e) {
103
+ React.createElement(Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', content: React.createElement("div", { onMouseLeave: function () { return setIsSubmenuVisible(false); }, onBlur: function (e) {
104
104
  var _a, _b;
105
105
  !!(e.relatedTarget instanceof Node) &&
106
106
  !((_a = subMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) &&
package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js CHANGED
@@ -63,7 +63,7 @@ var DatePickerInput = function (props) {
63
63
  if (!((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
64
64
  close();
65
65
  }
66
- } },
66
+ }, appendTo: 'parent' },
67
67
  React.createElement(LabeledInput, __assign({ displayStyle: 'inline', value: inputValue, onChange: onInputChange, onClick: close, svgIcon: React.createElement(IconButton, { styleType: 'borderless', onClick: function () { return setIsVisible(function (v) { return !v; }); }, ref: buttonRef },
68
68
  React.createElement(SvgCalendar, null)) }, rest))));
69
69
  };
package/esm/core/utils/components/Popover.js CHANGED
@@ -53,7 +53,7 @@ export var Popover = React.forwardRef(function (props, ref) {
53
53
  },
54
54
  }); },
55
55
  };
56
- var computedProps = __assign(__assign({ allowHTML: true, animation: false, appendTo: 'parent', arrow: false, duration: 0, interactive: true, role: undefined, offset: [0, 0], maxWidth: '' }, props), { className: cx('iui-popover', props.className), plugins: __spreadArray([
56
+ var computedProps = __assign(__assign({ allowHTML: true, animation: false, appendTo: function (el) { return el.ownerDocument.body; }, arrow: false, duration: 0, interactive: true, role: undefined, offset: [0, 0], maxWidth: '', zIndex: 99999 }, props), { className: cx('iui-popover', props.className), plugins: __spreadArray([
57
57
  lazyLoad,
58
58
  removeTabIndex,
59
59
  hideOnEscOrTab
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-react",
3
- "version": "1.31.0",
3
+ "version": "1.32.0-dev.0",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "cjs/index.js",