michael/merlyn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix double scroll container in agent flow builder (#4933)

Browse Source 
* fix double scroll container in agent flow builder

* use overflow-clip to prevent focus events from scrolling outer container

* add bottom padding

---------

Co-authored-by: Timothy Carambat <rambat1010@gmail.com>
This commit is contained in:
Sean Hatfield 2026-01-29 16:55:11 -08:00 committed by GitHub
parent f9473cc8b1
commit 17a399d43c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/Admin/AgentBuilder/AddBlockMenu/index.jsx
View File

@ -40,7 +40,7 @@ export default function AddBlockMenu({
if (checkIfCanAddBlock(blocks) === false) return null;
return (
<div className="relative mt-4 w-[280px] mx-auto pb-[50%]" ref={menuRef}>
<div className="relative mt-4 w-[280px] mx-auto pb-4" ref={menuRef}>
<button
onClick={() => setShowBlockMenu(!showBlockMenu)}
className="transition-all duration-300 w-full p-2.5 bg-theme-action-menu-bg hover:bg-theme-action-menu-item-hover border border-white/10 rounded-lg text-white flex items-center justify-center gap-2 text-sm font-medium"

10
frontend/src/pages/Admin/AgentBuilder/index.jsx
View File

@ -338,7 +338,7 @@ export default function AgentBuilder() {
backgroundSize: "15px 15px",
backgroundPosition: "-7.5px -7.5px",
}}
className="w-full h-screen flex bg-theme-bg-primary"
className="relative w-screen h-screen flex flex-col bg-theme-bg-primary overflow-clip"
>
<PublishEntityModal
show={showPublishModal}
@ -346,7 +346,6 @@ export default function AgentBuilder() {
entityType="agent-flow"
entity={flowEntity}
/>
<div className="w-full flex flex-col">
<HeaderMenu
agentName={agentName}
availableFlows={availableFlows}
@ -354,8 +353,10 @@ export default function AgentBuilder() {
onSaveFlow={saveFlow}
onPublishFlow={handlePublishFlow}
/>
<div className="flex-1 p-6 overflow-y-auto">
<div className="max-w-xl mx-auto mt-14">
<div className="flex-1 min-h-0 p-6 overflow-y-auto">
<div
className={`max-w-xl mx-auto mt-14 ${showBlockMenu ? "pb-52" : ""}`}
>
<BlockList
blocks={blocks}
updateBlockConfig={updateBlockConfig}
@ -375,7 +376,6 @@ export default function AgentBuilder() {
/>
</div>
</div>
</div>
<Tooltip
id="content-summarization-tooltip"
place="top"