-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Closed
Labels
package: core@ionic/core package@ionic/core packagetype: feature requesta new feature, enhancement, or improvementa new feature, enhancement, or improvement
Description
Prerequisites
- I have read the Contributing Guidelines.I agree to follow the Code of Conduct.I have searched for existing issues that already include this feature request, without success.To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.
Describe the Feature Request
Need to be able to modify ion-item
while it is being reordered in an ion-list
Describe the Use Case
Observe the graphical example, in which the numerical ordering of each item must change as it (or other) items are reordered.
Describe Preferred Solution
Adding an extra event, analogous to mousemove
, complementing the existing event (analogous to mouseup
or click
)
<ion-list class="">
<ion-reorder-group
:disabled="false"
@ionItemMove="handleMove($event)"
@ionItemReorder="handleReorder($event)">
...
Describe Alternatives
It is possible to achieve this using MutationObservers, but it is not pleasant.
Related Code
See above
Additional Information
PR has already be lodged.
Metadata
Metadata
Assignees
Labels
package: core@ionic/core package@ionic/core packagetype: feature requesta new feature, enhancement, or improvementa new feature, enhancement, or improvement
Type
Projects
Milestone
Relationships
Development
Select code repository
Activity
liamdebeasi commentedon Jun 8, 2023
Thanks for the report. I am going to discuss this feature request with the team.
sfinktah commentedon Jun 8, 2023
@liamdebeasi No probs, I put a live demo up at https://ionic-list.nt4.com/ with the source at https://nt4.com/ionic-list/
liamdebeasi commentedon Jun 9, 2023
Thanks! I spoke with the team and we think this is a good feature to add to Ionic. Related issue for start/end events: #23148
[-]feat: event (emit) while reorderable ion-list is reordering[/-][+]feat: emit event when each reorder item snaps into place[/+]feat(reorder-group): add ionReorderStart, ionReorderMove, ionReorderE…
feat(reorder-group): add ionReorderStart, ionReorderMove, ionReorderE…
feat(reorder-group): add ionReorderStart, ionReorderMove, ionReorderE…
feat(reorder-group): add ionReorderStart, ionReorderMove, ionReorderE…
ionitron-bot commentedon Aug 29, 2025
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.