diff --git a/dev/dashboard.html b/dev/dashboard.html
index e4e42dc8f3..e4ad7e8223 100644
--- a/dev/dashboard.html
+++ b/dev/dashboard.html
@@ -105,7 +105,7 @@
});
dashboard.addEventListener('dashboard-item-resize-start', (e) => {
- console.log('dashboard-item-resize-start');
+ console.log('dashboard-item-resize-start', e.detail);
});
dashboard.addEventListener('dashboard-item-drag-resize', (e) => {
diff --git a/packages/dashboard/src/widget-resize-controller.js b/packages/dashboard/src/widget-resize-controller.js
index 33037890f4..dd0c96f815 100644
--- a/packages/dashboard/src/widget-resize-controller.js
+++ b/packages/dashboard/src/widget-resize-controller.js
@@ -46,7 +46,7 @@ export class WidgetResizeController extends EventTarget {
this.__resizeHeight = this.__resizeStartHeight + e.detail.dy;
this.__updateWidgetStyles();
- this.host.dispatchEvent(new CustomEvent('dashboard-item-resize-start'));
+ this.host.dispatchEvent(new CustomEvent('dashboard-item-resize-start', { detail: { item: this.resizedItem } }));
this.__resizedElement = e.target;
// Observe the removal of the resized element from the DOM
diff --git a/packages/dashboard/test/dashboard-widget-resizing.test.ts b/packages/dashboard/test/dashboard-widget-resizing.test.ts
index cb2b5d6dd0..1d5b41f7ee 100644
--- a/packages/dashboard/test/dashboard-widget-resizing.test.ts
+++ b/packages/dashboard/test/dashboard-widget-resizing.test.ts
@@ -259,6 +259,9 @@ describe('dashboard - widget resizing', () => {
await nextFrame();
expect(resizeStartSpy).to.have.been.calledOnce;
+ expect(resizeStartSpy.getCall(0).args[0].detail).to.deep.equal({
+ item: { id: 0 },
+ });
});
it('should dispatch an item drag resize event', async () => {
diff --git a/packages/dashboard/test/typings/dashboard.types.ts b/packages/dashboard/test/typings/dashboard.types.ts
index c16507f5c8..df2601a3b2 100644
--- a/packages/dashboard/test/typings/dashboard.types.ts
+++ b/packages/dashboard/test/typings/dashboard.types.ts
@@ -62,6 +62,7 @@ narrowedDashboard.addEventListener('dashboard-item-drag-reorder', (event) => {
narrowedDashboard.addEventListener('dashboard-item-resize-start', (event) => {
assertType>(event);
+ assertType(event.detail.item);
});
narrowedDashboard.addEventListener('dashboard-item-resize-end', (event) => {