fix(web): improve floating UI positioning when scrolling (#24595) (#24782)

web/app/components/workflow/nodes/_base/components/field.tsx

@@ -38,7 +38,7 @@ const Field: FC<Props> = ({
     <div className={cn(className, inline && 'flex w-full items-center justify-between')}>
       <div
         onClick={() => supportFold && toggleFold()}
-        className={cn('flex items-center justify-between', supportFold && 'cursor-pointer')}>
+        className={cn('sticky top-0 z-10 flex items-center justify-between bg-components-panel-bg', supportFold && 'cursor-pointer')}>
         <div className='flex h-6 items-center'>
           <div className={cn(isSubTitle ? 'system-xs-medium-uppercase text-text-tertiary' : 'system-sm-semibold-uppercase text-text-secondary')}>
             {title} {required && <span className='text-text-destructive'>*</span>}

web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx

@@ -418,9 +418,8 @@ const BasePanel: FC<BasePanelProps> = ({
           }
           <Split />
         </div>
-
         {tabType === TabType.settings && (
-          <>
+          <div className='flex-1 overflow-y-auto'>
             <div>
               {cloneElement(children as any, {
                 id,
@@ -465,7 +464,7 @@ const BasePanel: FC<BasePanelProps> = ({
                 </div>
               )
             }
-          </>
+          </div>
         )}
 
         {tabType === TabType.lastRun && (