Add context

Add context

Add Context

Author: Omer-Shahar

core/api.txt

@@ -863,6 +863,7 @@ ion-reorder,shadow
 
 ion-reorder-group,none
 ion-reorder-group,prop,disabled,boolean,true,false,false
+ion-reorder-group,prop,context,any,null,false,false
 ion-reorder-group,method,complete,complete(listOrReorder?: boolean | any[] | undefined) => Promise<any>
 ion-reorder-group,event,ionItemReorder,ItemReorderEventDetail,true
 
@@ -1263,4 +1264,4 @@ ion-virtual-scroll,prop,renderHeader,((item: any, index: number) => any) | undef
 ion-virtual-scroll,prop,renderItem,((item: any, index: number) => any) | undefined,undefined,false,false
 ion-virtual-scroll,method,checkEnd,checkEnd() => Promise<void>
 ion-virtual-scroll,method,checkRange,checkRange(offset: number, len?: number) => Promise<void>
-ion-virtual-scroll,method,positionForItem,positionForItem(index: number) => Promise<number>
+ion-virtual-scroll,method,positionForItem,positionForItem(index: number) => Promise<number>

core/src/components.d.ts

@@ -1861,6 +1861,7 @@ export namespace Components {
     * If `true`, the reorder will be hidden.
     */
     'disabled': boolean;
+    'context':null
   }
   interface IonRippleEffect {
     /**

core/src/components/reorder-group/reorder-group.tsx

@@ -44,6 +44,7 @@ export class ReorderGroup implements ComponentInterface {
       this.gesture.enable(!this.disabled);
     }
   }
+  @Prop() context = null;
 
   /**
    * Event that needs to be listened to in order to complete the reorder action.
@@ -53,7 +54,9 @@ export class ReorderGroup implements ComponentInterface {
   @Event() ionItemReorder!: EventEmitter<ItemReorderEventDetail>;
 
   async connectedCallback() {
-    const contentEl = this.el.closest('ion-content');
+    var contentEl;
+    if (this.context !== null) contentEl = this.context;
+    else contentEl = this.el.closest("ion-content");
     if (contentEl) {
       this.scrollEl = await contentEl.getScrollElement();
     }