diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/drag-and-drop/drag.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/drag-and-drop/drag.md index 52e077abed..a7fce53d0f 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/drag-and-drop/drag.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/drag-and-drop/drag.md @@ -13,15 +13,15 @@ import '../components.css';  -2. **Bounding box:** Upon click & hold a `--pf-v6-global--active-color--100` border will show the draggable area that is available. +2. **Ghost item:** Upon click and hold, a duplicate "ghost" item with a `--pf-v6-global--active-color--100` border will appear "on top" of the list. This ghost item represents the initial item being moved. -3. **onDrag event:** The list item being dragged will also use a `--pf-v6-global--active-color--100` border to highlight it as the item being dragged and all other list items will switch to a disabled state. The space where the item is being dragged from will remain empty to indicate its original position in the list. +3. **onDrag event:** While a ghost item is being dragged, the original item will move its position in the list to align with the hovered position.