fix(ui): restore pointer cursor on task nodes in graph view (#63714)#63810
Open
Mayankaggarwal8055 wants to merge 1 commit intoapache:v2-11-stablefrom
Open
fix(ui): restore pointer cursor on task nodes in graph view (#63714)#63810Mayankaggarwal8055 wants to merge 1 commit intoapache:v2-11-stablefrom
Mayankaggarwal8055 wants to merge 1 commit intoapache:v2-11-stablefrom
Conversation
Mayankaggarwal8055
requested review from
ashb,
bbovenzi,
pierrejeambrun and
ryanahamilton
as code owners
2 tasks
Collaborator
|
Can you include a video showing the fix? |
Author
VerificationThis change has been verified locally:
Demovideo showing the fix: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes incorrect cursor behavior in the Graph view where task nodes do not display a pointer cursor on hover despite being interactive.
Problem
In the Graph view, task nodes are clickable but the cursor remains the default arrow. This creates inconsistent UI feedback and makes interactivity less obvious.
Root Cause
The cursor style for task nodes was either missing or not explicitly set to "pointer" in the node rendering component.
Solution
Explicitly set the cursor style to "pointer" for task nodes in:
airflow/www/static/js/dag/details/graph/DagNode.tsx
Verification
Ran Airflow locally on v2-11-stable
Opened Graph view for a DAG
Confirmed that hovering over task nodes now shows the pointer cursor
Impact
Improves UX by aligning visual feedback with interactivity, making task nodes clearly identifiable as clickable elements.
Fixes #63714