Using A "Drag Shield" To Block Mouse Events During A Drag-And-Drop Workflow In Angular 7.1.2

Ben Nadel demonstrates how he uses a "drag shield" to act as an "event sink" during a drag-and-drop operation in his Angular 7.1.2 application. The drag shield gets rendered over the entire viewport during the drag operation so as to prevent mouse events from hitting lower-level DOM elements.