diff --git a/.changeset/silver-horses-return.md b/.changeset/silver-horses-return.md new file mode 100644 index 000000000..fe73aaf3b --- /dev/null +++ b/.changeset/silver-horses-return.md @@ -0,0 +1,5 @@ +--- +'@lion/overlays': patch +--- + +Prevent `opened-changed` event to be sent twice diff --git a/packages/overlays/src/OverlayMixin.js b/packages/overlays/src/OverlayMixin.js index 6cf57b475..20aacc5b7 100644 --- a/packages/overlays/src/OverlayMixin.js +++ b/packages/overlays/src/OverlayMixin.js @@ -62,7 +62,7 @@ export const OverlayMixinImplementation = superclass => */ requestUpdateInternal(name, oldValue) { super.requestUpdateInternal(name, oldValue); - if (name === 'opened') { + if (name === 'opened' && this.opened !== oldValue) { this.dispatchEvent(new Event('opened-changed')); } } diff --git a/packages/overlays/test-suites/OverlayMixin.suite.js b/packages/overlays/test-suites/OverlayMixin.suite.js index bc8f63038..446bf456e 100644 --- a/packages/overlays/test-suites/OverlayMixin.suite.js +++ b/packages/overlays/test-suites/OverlayMixin.suite.js @@ -132,6 +132,9 @@ export function runOverlayMixinSuite({ tagString, tag, suffix = '' }) { await el.updateComplete; expect(spy.callCount).to.equal(1); expect(el.opened).to.be.true; + el.opened = true; + await el.updateComplete; + expect(spy.callCount).to.equal(1); await el._overlayCtrl.hide(); await el.updateComplete; expect(spy.callCount).to.equal(2);