fix(igxDrag): Add descendants support for igxDragIgnore and igxDragHandle. #7561

Author: skrustev

projects/igniteui-angular/src/lib/directives/drag-drop/drag-drop.directive.ts

@@ -449,13 +449,13 @@ export class IgxDragDirective implements AfterContentInit, OnDestroy {
     /**
      * @hidden
      */
-    @ContentChildren(IgxDragHandleDirective)
+    @ContentChildren(IgxDragHandleDirective, { descendants: true })
     public dragHandles: QueryList<IgxDragHandleDirective>;
 
     /**
      * @hidden
      */
-    @ContentChildren(IgxDragIgnoreDirective)
+    @ContentChildren(IgxDragIgnoreDirective, { descendants: true })
     public dragIgnoredElems: QueryList<IgxDragIgnoreDirective>;
 
     /**

projects/igniteui-angular/src/lib/directives/drag-drop/drag-drop.spec.ts

@@ -1890,7 +1890,9 @@ const generalStyles = [`
             <div id="thirdDrag" class="dragElem" [igxDrag]="{ key: 3 }">
                 Drag 3
                 <div igxDragHandle class="dragHandle"></div>
-                <div igxDragIgnore class="ignoredElem"></div>
+                <div>
+                    <div igxDragIgnore class="ignoredElem"></div>
+                </div>
             </div>
             <ng-template #ghostTemplate>
                 <div class="ghostElement">Drag Template</div>