fix(web): fix node handle

This commit is contained in:
JzoNg 2026-04-23 19:27:14 +08:00
parent d72794bc67
commit 8ce356c98f
2 changed files with 11 additions and 13 deletions

View File

@ -193,9 +193,7 @@ describe('node-handle', () => {
fireEvent.click(addNodeButton)
expect(addNodeButton).toHaveClass('opacity-100')
// Trigger stays pointer-events-none so it never steals mousedown from
// the underlying React Flow handle (drag-to-connect must keep working).
expect(addNodeButton).toHaveClass('flex!')
expect(addNodeButton).toHaveClass('pointer-events-none')
fireEvent.click(handle)
@ -237,7 +235,7 @@ describe('node-handle', () => {
selected: true,
})
expect(getAddNodeButton()).toHaveClass('opacity-100')
expect(getAddNodeButton()).toHaveClass('flex!')
expect(getAddNodeButton()).toHaveClass('pointer-events-none')
})
@ -268,7 +266,7 @@ describe('node-handle', () => {
fireEvent.click(addNodeButton)
expect(addNodeButton).toHaveClass('opacity-100')
expect(addNodeButton).toHaveClass('flex!')
expect(addNodeButton).toHaveClass('pointer-events-none')
fireEvent.click(getSelectNodeButton())
@ -297,7 +295,7 @@ describe('node-handle', () => {
const addNodeButton = getAddNodeButton()
expect(addNodeButton).toHaveClass('custom-selector')
expect(addNodeButton).toHaveClass('opacity-100')
expect(addNodeButton).toHaveClass('flex!')
expect(addNodeButton).toHaveClass('pointer-events-none')
})
@ -334,7 +332,7 @@ describe('node-handle', () => {
const addNodeButton = getAddNodeButton()
expect(addNodeButton).toHaveClass('opacity-100')
expect(addNodeButton).toHaveClass('flex!')
expect(addNodeButton).toHaveClass('pointer-events-none')
expect(mockSetShouldAutoOpenStartNodeSelector).toHaveBeenCalledWith(false)
expect(mockSetHasSelectedStartNode).toHaveBeenCalledWith(false)

View File

@ -116,9 +116,9 @@ export const NodeTargetHandle = memo(({
triggerClassName={open => `
hidden absolute left-0 top-0 pointer-events-none
${nodeSelectorClassName}
group-hover:opacity-100
${data.selected && 'opacity-100'}
${open && 'opacity-100'}
group-hover:flex!
${data.selected && 'flex!'}
${open && 'flex!'}
`}
availableBlocksTypes={availablePrevBlocks}
/>
@ -235,9 +235,9 @@ export const NodeSourceHandle = memo(({
triggerClassName={open => `
hidden absolute top-0 left-0 pointer-events-none
${nodeSelectorClassName}
group-hover:opacity-100
${data.selected && 'opacity-100'}
${open && 'opacity-100'}
group-hover:flex!
${data.selected && 'flex!'}
${open && 'flex!'}
`}
availableBlocksTypes={availableNextBlocks}
/>