hide content of dashboard item on drag not via event but via css class

public/css/components/dashboard.css

@@ -125,6 +125,11 @@
 	position: relative;
 }
 
+.drop-grid-item-resize > .dashboard-item > *,
+.drop-grid-item-move > .dashboard-item > * {
+	display: none;
+}
+
 .drop-grid-item-move > .dashboard-item {
 	background-color: var(--fhc-dashboard-item-overlay-background);
 }

public/js/components/Dashboard/Item.js

@@ -45,7 +45,6 @@ export default {
 		"item_data",
 		"place",
 		"resizeLimits",
-		"dragstate",
 		"resizeOverlay",
 		"source"
 	],
@@ -197,7 +196,7 @@ export default {
 		class="dashboard-item card overflow-hidden h-100 position-relative"
 		:class="{'hiddenWidget':hidden, 'dashboard-item-overlay':resizeOverlay, [arguments?.className]:arguments && arguments.className}"
 	>
-		<div v-show="!dragstate" class="h-100 card border-0">
+		<div class="h-100 card border-0">
 			<div v-if="widget" class="card-header d-flex ps-0 pe-2 align-items-center">
 				<Transition>
 					<span

public/js/components/Dashboard/Section.js

@@ -39,8 +39,7 @@ export default {
 			configOpened: false,
 			gridWidth: 1,
 			gridHeight: null,
-			draggedItem:null,
-			additionalRow:false,
+			additionalRow:false
 		};
 	},
 	provide() {
@@ -243,7 +242,6 @@ export default {
 			:active="editModeIsActive"
 			:resize-limit="checkResizeLimit"
 			:margin-for-extra-row=".01"
-			@dragged-item="draggedItem=$event"
 			@rearrange-items="updatePositions"
 			@grid-height="gridHeight=$event"
 		>
@@ -256,7 +254,6 @@ export default {
 				<dashboard-item 
 					v-else
 					:id="item.widget"
-					:dragstate="item.blank || (item.widgetid && item.widgetid == draggedItem?.data.widgetid)"
 					:resizeOverlay="item.resizeOverlay"
 					:widgetID="item.id"
 					:width="item.w"

public/js/components/Drop/Grid.js

@@ -31,7 +31,6 @@ export default {
 	emits: [
 		"rearrangeItems",
 		"gridHeight",
-		"draggedItem",
 		"update:additionalRow"
 	],
 	data() {
@@ -380,8 +379,6 @@ export default {
 				this.updateCursor(evt);
 				this.draggedItem = item;
 				
-				this.$emit('draggedItem', item);
-
 				//clones the widget for the drag Image
 				
 				// NOTE(chris): this is the element that follows the mouse while dragging
@@ -409,7 +406,6 @@ export default {
 			setTimeout(() => {
 				this.mode = MODE_RESIZE;
 				this.draggedItem = item;
-				this.$emit('draggedItem', item);
 			}, 0);
 			
 			this._dragStart(evt);
@@ -465,7 +461,6 @@ export default {
 			this.tempPositionUpdates = null;
 			this.draggedOffset = [0,0],
 			this.draggedItem = null;
-			this.$emit('draggedItem',null);
 		},
 		dragEnd() {
 			this.removeWidgetClones();
@@ -491,7 +486,6 @@ export default {
 				this.$emit('rearrangeItems', updated.filter(v => v));
 
 			this.draggedItem = null;
-			this.$emit('draggedItem', null);
 		},
 		_updateCorrectedPositions(updated) {
 			updated.forEach((item, index) => {