diff --git a/packages/form-layout/src/vaadin-form-layout.js b/packages/form-layout/src/vaadin-form-layout.js index 34a0e7f501..45e728275e 100644 --- a/packages/form-layout/src/vaadin-form-layout.js +++ b/packages/form-layout/src/vaadin-form-layout.js @@ -293,7 +293,7 @@ class FormLayout extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)) requestAnimationFrame(() => this._updateLayout()); this._observeChildrenColspanChange(); - this.__intersectionObserver.observe(this); + this.__intersectionObserver.observe(this.$.layout); } /** @protected */ diff --git a/packages/form-layout/test/form-layout.test.js b/packages/form-layout/test/form-layout.test.js index 33c39908c3..7616fdbe3c 100644 --- a/packages/form-layout/test/form-layout.test.js +++ b/packages/form-layout/test/form-layout.test.js @@ -580,6 +580,42 @@ describe('form layout', () => { }); }); + describe('fixed size parent', () => { + let container, layout; + + beforeEach(async () => { + container = fixtureSync(` +