flexlayout-react 0.8.15 → 0.8.16

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.
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * flexlayout-react
3
- * @version 0.8.15
3
+ * @version 0.8.16
4
4
  */
5
5
  var __defProp = Object.defineProperty;
6
6
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -5585,6 +5585,9 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
5585
5585
  __publicField(this, "isDraggingOverWindow");
5586
5586
  __publicField(this, "styleObserver");
5587
5587
  __publicField(this, "popoutWindowName");
5588
+ __publicField(this, "onScroll", () => {
5589
+ this.updateRect();
5590
+ });
5588
5591
  __publicField(this, "updateLayoutMetrics", () => {
5589
5592
  if (this.findBorderBarSizeRef.current) {
5590
5593
  const borderBarSize = this.findBorderBarSizeRef.current.getBoundingClientRect().height;
@@ -5820,6 +5823,7 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
5820
5823
  if (this.selfRef.current) {
5821
5824
  this.resizeObserver.observe(this.selfRef.current);
5822
5825
  }
5826
+ this.currentWindow.addEventListener("scroll", this.onScroll);
5823
5827
  if (this.isMainWindow) {
5824
5828
  this.props.model.addChangeListener(this.onModelChange);
5825
5829
  this.updateLayoutMetrics();
@@ -5867,14 +5871,15 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
5867
5871
  }
5868
5872
  }
5869
5873
  componentWillUnmount() {
5870
- var _a, _b;
5874
+ var _a, _b, _c;
5871
5875
  if (this.selfRef.current) {
5872
5876
  (_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this.selfRef.current);
5873
5877
  }
5878
+ (_b = this.currentWindow) == null ? void 0 : _b.removeEventListener("scroll", this.onScroll);
5874
5879
  if (this.isMainWindow) {
5875
5880
  this.props.model.removeChangeListener(this.onModelChange);
5876
5881
  }
5877
- (_b = this.styleObserver) == null ? void 0 : _b.disconnect();
5882
+ (_c = this.styleObserver) == null ? void 0 : _c.disconnect();
5878
5883
  }
5879
5884
  render() {
5880
5885
  if (!this.selfRef.current) {
@@ -6387,7 +6392,7 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
6387
6392
  };
6388
6393
  __publicField(_LayoutInternal, "dragState");
6389
6394
  let LayoutInternal = _LayoutInternal;
6390
- const FlexLayoutVersion = "0.8.15";
6395
+ const FlexLayoutVersion = "0.8.16";
6391
6396
  const defaultIcons = {
6392
6397
  close: /* @__PURE__ */ jsx(CloseIcon, {}),
6393
6398
  closeTabset: /* @__PURE__ */ jsx(CloseIcon, {}),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flexlayout-react",
3
- "version": "0.8.15",
3
+ "version": "0.8.16",
4
4
  "description": "A multi-tab docking layout manager",
5
5
  "author": "Caplin Systems Ltd",
6
6
  "repository": "https://github.com/caplin/FlexLayout",