Is there a way to limit framer-motion touch slide area? - drag-and-drop

Question

I implemented drag and drop sorting through framer-motion and react-dnd.
The operation is executed normally, but since the framer area is held as the parent element (parent) of the MultipleSelectionInput component, dragging is also executed to the input area.
But I would like to implement so that the slide is only possible via the arrow on the left called SlideArrow.
Is there any way to limit the slide area in the framer area?
The structure of the component is shown in the following picture.
The blue InputAndNextContainer component is a wrapper component for separation of concerns and has no function.
//MultipleSelection.tsx
<DndProvider backend={TouchBackend}>
<Reorder.Group values={questionItemIdList} onReorder={setQuestionItemIdList} css={ulStyle}>
{questionItemIdList.map((id, idx, arr) => (
<Reorder.Item key={id} value={id}>
<InputAndNextPartContainer
...
moveCard={onMove}
/>
</Reorder.Item>
))}
</Reorder.Group>
</DndProvider>
//InputAndNextPartContainer.tsx
<Draggable handleMove={moveCard} index={selectionNumber - 1} id={id}>
<MultipleSelectionInput
...
moveCard={moveCard}
/>
</Draggable>
//MultipleSelectionInput.tsx
<MultipleSelectionLi>
<SlideArrow />
<HaveNextPart>
<input
placeholder="선택지 입력"
defaultValue={inputContent.content}
type="text"
name="multiple-select-input"
onChange={(e) => onChangeHandler(e)}
/>
{hasDeleteBtn ? <CloseCircle className="close-svg" onClick={onRemove} /> : null}
<div onClick={() => setVisibleModal(true)} className="nexts">
<strong>다음 파트</strong>로 진행하기
<Arrow fill={Common.colors.GY700} />
</div>
</HaveNextPart>
</MultipleSelectionLi>
Below are my dependencies.
"dependencies": {
"#emotion/react": "^11.10.0",
"#emotion/styled": "^11.10.0",
"#tanstack/react-query": "^4.0.10",
"#types/lodash": "^4.14.185",
"#types/recoil": "^0.0.9",
"axios": "^0.27.2",
"cookie": "^0.5.0",
"dnd-core": "^16.0.1",
"framer-motion": "^7.5.2",
"graphql": "^16.5.0",
"graphql-request": "^4.3.0",
"graphql-tag": "^2.12.6",
"immutability-helper": "^3.1.1",
"js-cookie": "^3.0.1",
"lodash": "^4.17.21",
"next": "12.2.3",
"react": "18.2.0",
"react-dnd": "^16.0.1",
"react-dnd-touch-backend": "^16.0.1",
"react-dom": "18.2.0",
"react-query": "^3.39.1",
"react-spinners": "^0.13.4",
"recoil": "^0.7.4"
},