ion-reorder-group bugs in ionic/core
See original GitHub issueBug Report
Ionic Info
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
System:
Node : v8.9.1
npm : 5.7.1
OS : macOS High Sierra
Misc:
backend : pro
Describe the Bug
There are several issues when using the <ion-reorder-group> component with ionic/core and Stencil.
- There does not appear to be a way to get an event when the user moves an item. Prior versions of Ionic used
<ion-list reorder="true" (ionItemReorder)="moveItem($event)">so that the application could act on the change that was made by the user. The new<ion-reorder-group>component does not raise an event. - The
<ion-reorder>component does not result in the icon being displayed. It looks like the icon is getting rendered but it does not display. I used the style from the example:
<ion-content>
<ion-list>
<ion-reorder-group>
<ion-item>
<ion-label>
Item 1
</ion-label>
<ion-reorder slot="end"></ion-reorder>
</ion-item>
</ion-reorder-group>
</ion-list>
</ion-content>
- Dragging and dropping does not move the items.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:8
- Comments:6 (3 by maintainers)
Top Results From Across the Web
ion-reorder-group bugs in ionic/core · Issue #14640 - GitHub
Describe the Bug There are several issues when using the <ion-reorder-group> component with ionic/core and Stencil.
Read more >ion-reorder - Ionic Framework
Ion -reorder is the anchor used to drag and drop the items inside of the ion-reorder-group. Read to learn more about custom reorder...
Read more >Ionic Reorder - javatpoint
The Ionic provides a <ion-reorder> component for reordering feature. It allows you to drag and drop the list items, which changes the order...
Read more >The 9 Most Common Mistakes That Ionic Developers Make
When working on a team, to avoid bugs you want to share the same environment, platforms, and plugins. With Cordova CLI, it's harder...
Read more >Ionic 5 Angular 10 Start Template (forked) - StackBlitz
ion -list-header>. <ion-reorder-group (ionItemReorder). ="doReorder($event, group.id)". disabled="false">. <ion-item *ngFor='let item of group. items'>.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

(ionItemReorder) still definitely missing. Hope someone can look at this soon.
Loving v4 so far. Cant wait till the few bugs are gone.