-
Notifications
You must be signed in to change notification settings - Fork 33.7k
fix(editor): Position executions filter popover so that it doesn't hide executions #16049
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(editor): Position executions filter popover so that it doesn't hide executions #16049
Conversation
Codecov ReportAll modified and coverable lines are covered by tests ✅ 📢 Thoughts on this report? Let us know! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
cubic found 2 issues across 2 files. Review them in cubic.dev
React with 👍 or 👎 to teach cubic. Tag @cubic-dev-ai
to give specific feedback.
packages/frontend/editor-ui/src/components/executions/workflow/WorkflowExecutionsSidebar.vue
Show resolved
Hide resolved
5731c59
to
f6008b8
Compare
f6008b8
to
468695d
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice catch with the animation! Do check with product real quick before merging since I don't think they're even aware of the ticket yet
Workflow Test Results 📊 🔴 2 Failed,
|
Workflow ID | Workflow Name | Reason |
---|---|---|
237 | BasicLLMChain:AzureChat | Workflow contains 1 deleted data. |
84 | Matrix:Room:create invite kick leave:RoomMember:ge... | Too Many Requests on node Matrix1 |
⚠️ Warnings (4)
Workflow ID | Workflow Name | Reason |
---|---|---|
35 | Slack:User:getPresence info:UserProfile:get update... | Workflow contains new data that previously did not exist. |
257 | Agent:auto-fix:anthropic | Workflow contains new data that previously did not exist. |
53 | ConvertKit:CustomField:create getAll update delete... | Workflow contains new data that previously did not exist. |
48 | Asana:Project:getAll get:Task:create update move g... | Workflow contains new data that previously did not exist. |
✅ All Cypress E2E specs passed |
✅ All Cypress E2E specs passed |
Got released with |
Summary
Open the executions filter to the right of the button so that it doesn't hide the executions list while open.
Doing so revealed some ugliness, the leave animation was way too long and looked weird
executions-list-leave-animation.mp4
So I made it faster & not translate back to left, instead just moving and disappearing up.
execution-list-leave-fast.mp4
This animation isn't perfect either, but it is still an improvement - at least in my opinion.
The ticket also mentions this filter not closing if user clicks outside it. The filter popover seems to close correctly if user clicks outside it on any regular UI elements, but not if they click on the canvas - I'm assuming the canvas prevents the click event and popover doesn't become aware of it, and I'm not spend time looking for a fix on it now I think. Now that the popover doesn't cover most of the normal UI elements this should be less of an issue.
Third suggestion on that ticket is starting to list available Execution Data keys on the picker. We don't have that data efficiently available and while a backend for it could be added + we could change the component to a a picker that fetches options from backend, but I think that's unrelated to this PR.
Related Linear tickets, Github issues, and Community forum posts
https://linear.app/n8n/issue/ADO-3608/feature-open-execution-filters-modal-in-the-right
Review / Merge checklist
release/backport
(if the PR is an urgent fix that needs to be backported)