firefox-main/toolkit/content/widgets/moz-reorderable-list
Name Description Size Coverage
moz-reorderable-list.css 685 -
moz-reorderable-list.mjs A wrapper element that allows its children to be reordered by dragging and dropping. The element emits the custom `reorder` event when an item is dropped in a new position, which you can use to perform the actual reordering. The detail object of the `reorder` event contains the following properties: - `draggedElement`: The element that was dragged. - `targetElement`: The element over which the dragged element was dropped. - `position`: The position of the drop relative to the target element. -1 means before, 0 means after. Which children are reorderable is determined by the `itemSelector` property. Things to keep in mind when using this element: - Preserve the focus when reordering items. - Check that the reordering shortcuts are not in conflict with other shortcuts. - Make sure that reordering is picked up by screen readers. Usually DOM updates cause the reordered element to be read out again, which is sufficient. @tagname moz-reorderable-list @property {string} itemSelector Selector for elements that should be reorderable. @property {string} dragSelector Selector used when only part of the reorderable element should be draggable, e.g. we use a button or an icon as a "handle" to drag the element. @fires reorder - Fired when an item is dropped in a new position. @fires dragstarted - Fired when an item is dragged. @fires dragended - Fired when an item is dropped. 13626 83 %
moz-reorderable-list.stories.mjs 5924 -