yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-23 07:22:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: displayed fields dnd issue (#20613)

Browse Source
This commit is contained in:
Madhuri Sandbhor 2024-06-25 17:04:41 +02:00 committed by GitHub
parent 9ce8f7df6b
commit eaefed97eb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/core/content-manager/admin/src/pages/ListConfiguration/components/DraggableCard.tsx
View File

@ -73,10 +73,13 @@ const DraggableCard = ({
}
}, [isDraggingSibling]);
const composedRefs = useComposedRefs(dragRef, objectRef);
const composedRefs = useComposedRefs<HTMLButtonElement>(
dropRef,
objectRef as React.RefObject<HTMLButtonElement>
);
return (
<FieldWrapper ref={dropRef}>
<FieldWrapper ref={composedRefs}>
{isDragging && <CardDragPreview label={label} />}
{!isDragging && isDraggingSibling && <CardDragPreview isSibling label={label} />}
@ -90,7 +93,7 @@ const DraggableCard = ({
>
<Flex gap={3}>
<DragButton
tag="span"
ref={dragRef}
aria-label={formatMessage(
{
id: getTranslation('components.DraggableCard.move.field'),
@ -99,8 +102,6 @@ const DraggableCard = ({
{ item: label }
)}
onClick={(e) => e.stopPropagation()}
// @ts-expect-error – TODO: fix this TS error
ref={composedRefs}
>
<Drag />
</DragButton>