Skip to content
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 Header keyboard navigation #13369

Merged
merged 13 commits into from
Feb 21, 2025
Merged

Conversation

aalves08
Copy link
Member

@aalves08 aalves08 commented Feb 11, 2025

Summary

Fixes #12778 #8113

Occurred changes and/or fixed issues

  • Fix keyboard navigation on all areas of the Header component
  • Fix keyboard navigation on Import YAML modal (updated CodeMirror component to handle blur with escape key)
  • Fix keyboard navigation on Kubectl Shell area (updated ContainerShell component to handle blur with escape key)
  • Fix keyboard navigation on Describe Resource area (slide in panel with resource description/explanation)
  • Other small fixes

Technical notes summary

Areas or cases that should be tested

Areas which could experience regressions

Screenshot/Video

Screen.Recording.2025-02-11.at.12.20.33.mov

Checklist

  • The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
  • The PR has a Milestone
  • The PR template has been filled out
  • The PR has been self reviewed
  • The PR has a reviewer assigned
  • The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
  • The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes

@@ -107,7 +111,10 @@ export default defineComponent({
width: this.modalWidth,
...this.stylesPropToObj,
};
}
},
isCodeMirrorFocused() {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think that we will be able to remove the need for AppModal to know about the code mirror if we solve the issue with event listeners on the document.

Copy link
Member Author

@aalves08 aalves08 Feb 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since the onReady event was already being bubbled up with the correct reference of the code mirror instance, I've updated Import to pass it to Header then we can use it in AppModal. With that we could remove all selectors and weird logic. Check this commit with all the changes

Copy link
Member

@rak-phillip rak-phillip left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is looking good overall, there's a few comments on the Container Shell that I think we should address before moving forward.

@aalves08
Copy link
Member Author

@rak-phillip PR updated

@aalves08 aalves08 requested a review from rak-phillip February 20, 2025 16:59
Copy link
Member

@rak-phillip rak-phillip left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@aalves08 aalves08 merged commit 52b516a into rancher:master Feb 21, 2025
32 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment