firefox-main/toolkit/content/widgets/moz-reorderable-list
Name Description Size Coverage
moz-reorderable-list.css The js is dependent this negative margin based on the height of the indicator to ensure the indicator remains visible when moving an item to the top of the container - see Bug 2033867 825 -
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. 13927 82 %
moz-reorderable-list.stories.mjs 5924 -
moz-reorderable-list.tokens.css DO NOT EDIT this file directly, instead modify moz-reorderable-list.tokens.json and run `mach buildtokens` to see your changes. 805 -
moz-reorderable-list.tokens.json 240 -