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

[RAM] Fix rule edit flyout alerts search bar autocomplete scroll #172899

Merged
merged 5 commits into from
Dec 20, 2023

Conversation

JiaweiWu
Copy link
Contributor

@JiaweiWu JiaweiWu commented Dec 7, 2023

Summary

Resolves: #172594

Fixes the rule edit alerts search bar autocomplete causing background to also scroll infinitely

2023-12-07.15-21-10.mp4

@JiaweiWu JiaweiWu added release_note:skip Skip the PR/issue when compiling release notes Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams) Feature:Alerting/RulesManagement Issues related to the Rules Management UX v8.11.0 v8.12.0 v8.13.0 labels Dec 7, 2023
@JiaweiWu JiaweiWu requested a review from a team as a code owner December 7, 2023 23:20
@elasticmachine
Copy link
Contributor

Pinging @elastic/response-ops (Team:ResponseOps)

@JiaweiWu
Copy link
Contributor Author

JiaweiWu commented Dec 8, 2023

@JiaweiWu
Copy link
Contributor Author

JiaweiWu commented Dec 8, 2023

@elasticmachine merge upstream

@XavierM XavierM requested review from Zacqary and umbopepato and removed request for Zacqary December 19, 2023 17:09
@JiaweiWu
Copy link
Contributor Author

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

✅ unchanged

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@@ -213,7 +213,7 @@ export const RuleEdit = ({
aria-labelledby="flyoutRuleEditTitle"
size="m"
maxWidth={620}
ownFocus={false}
Copy link
Member

Choose a reason for hiding this comment

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

I'm wondering why ownFocus={false} was added in the first place 🤔
Being able to interact with the rest of the page outside of the flyout doesn't seem too useful in this case...

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yea I had the same thought. Did a git blame and turns out it was added 3 years ago.

Copy link
Member

@umbopepato umbopepato left a comment

Choose a reason for hiding this comment

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

LGTM! I just left a little comment 🙂

@JiaweiWu JiaweiWu merged commit 4465c1e into elastic:main Dec 20, 2023
35 checks passed
@kibanamachine
Copy link
Contributor

💔 Some backports could not be created

Status Branch Result
8.11 Backport failed because of merge conflicts
8.12

Note: Successful backport PRs will be merged automatically after passing CI.

Manual backport

To create the backport manually run:

node scripts/backport --pr 172899

Questions ?

Please refer to the Backport tool documentation

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Dec 20, 2023
…stic#172899)

## Summary
Resolves: elastic#172594

Fixes the rule edit alerts search bar autocomplete causing background to
also scroll infinitely

https://github.com/elastic/kibana/assets/74562234/f55db528-b933-400a-80b5-8a3063f0f29c

---------

Co-authored-by: Kibana Machine <[email protected]>
Co-authored-by: Xavier Mouligneau <[email protected]>
(cherry picked from commit 4465c1e)
kibanamachine added a commit that referenced this pull request Dec 20, 2023
…ll (#172899) (#173789)

# Backport

This will backport the following commits from `main` to `8.12`:
- [[RAM] Fix rule edit flyout alerts search bar autocomplete scroll
(#172899)](#172899)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Jiawei
Wu","email":"[email protected]"},"sourceCommit":{"committedDate":"2023-12-20T20:21:51Z","message":"[RAM]
Fix rule edit flyout alerts search bar autocomplete scroll
(#172899)\n\n## Summary\r\nResolves:
https://github.com/elastic/kibana/issues/172594\r\n\r\nFixes the rule
edit alerts search bar autocomplete causing background to\r\nalso scroll
infinitely\r\n\r\n\r\n\r\nhttps://github.com/elastic/kibana/assets/74562234/f55db528-b933-400a-80b5-8a3063f0f29c\r\n\r\n---------\r\n\r\nCo-authored-by:
Kibana Machine
<[email protected]>\r\nCo-authored-by:
Xavier Mouligneau
<[email protected]>","sha":"4465c1e090ab1179f12000d52b1dc0eefd14217f","branchLabelMapping":{"^v8.13.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:ResponseOps","Feature:Alerting/RulesManagement","v8.11.0","v8.12.0","v8.13.0"],"number":172899,"url":"https://github.com/elastic/kibana/pull/172899","mergeCommit":{"message":"[RAM]
Fix rule edit flyout alerts search bar autocomplete scroll
(#172899)\n\n## Summary\r\nResolves:
https://github.com/elastic/kibana/issues/172594\r\n\r\nFixes the rule
edit alerts search bar autocomplete causing background to\r\nalso scroll
infinitely\r\n\r\n\r\n\r\nhttps://github.com/elastic/kibana/assets/74562234/f55db528-b933-400a-80b5-8a3063f0f29c\r\n\r\n---------\r\n\r\nCo-authored-by:
Kibana Machine
<[email protected]>\r\nCo-authored-by:
Xavier Mouligneau
<[email protected]>","sha":"4465c1e090ab1179f12000d52b1dc0eefd14217f"}},"sourceBranch":"main","suggestedTargetBranches":["8.11","8.12"],"targetPullRequestStates":[{"branch":"8.11","label":"v8.11.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.12","label":"v8.12.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.13.0","labelRegex":"^v8.13.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/172899","number":172899,"mergeCommit":{"message":"[RAM]
Fix rule edit flyout alerts search bar autocomplete scroll
(#172899)\n\n## Summary\r\nResolves:
https://github.com/elastic/kibana/issues/172594\r\n\r\nFixes the rule
edit alerts search bar autocomplete causing background to\r\nalso scroll
infinitely\r\n\r\n\r\n\r\nhttps://github.com/elastic/kibana/assets/74562234/f55db528-b933-400a-80b5-8a3063f0f29c\r\n\r\n---------\r\n\r\nCo-authored-by:
Kibana Machine
<[email protected]>\r\nCo-authored-by:
Xavier Mouligneau
<[email protected]>","sha":"4465c1e090ab1179f12000d52b1dc0eefd14217f"}}]}]
BACKPORT-->

Co-authored-by: Jiawei Wu <[email protected]>
@JiaweiWu
Copy link
Contributor Author

💚 All backports created successfully

Status Branch Result
8.11

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

JiaweiWu added a commit to JiaweiWu/kibana that referenced this pull request Dec 20, 2023
…stic#172899)

## Summary
Resolves: elastic#172594

Fixes the rule edit alerts search bar autocomplete causing background to
also scroll infinitely

https://github.com/elastic/kibana/assets/74562234/f55db528-b933-400a-80b5-8a3063f0f29c

---------

Co-authored-by: Kibana Machine <[email protected]>
Co-authored-by: Xavier Mouligneau <[email protected]>
(cherry picked from commit 4465c1e)

# Conflicts:
#	x-pack/test/functional_with_es_ssl/apps/triggers_actions_ui/alert_create_flyout.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Alerting/RulesManagement Issues related to the Rules Management UX release_note:skip Skip the PR/issue when compiling release notes Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams) v8.11.0 v8.12.0 v8.13.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[RAM] KQL bar scrolling act on the main page
6 participants