-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
[Security Solution] Fixes the position of popover when presenting dynamic content #139079
[Security Solution] Fixes the position of popover when presenting dynamic content #139079
Conversation
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.
👍
Regarding the first issue: Could it be that the issue only occurs on certain layout breakpoints? Might make sense to ask the QA which browser size they tested this with.
That is a good point @janmonschke. I will followup with QA team on the same. |
why does the initial popover stay open? i feel like when you click View Host Summary, the popover should close @stephmilovic I 100% agree. But I noticed this on https://kibana.siem.estc.dev/ as well and this seems to be a consistent behaviour so I assumed this is not broken and did not touch it. But if we agree that |
💚 Build Succeeded
Metrics [docs]Async chunks
History
To update your PR or re-run it, just comment with: |
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.
LGTM, thanks for opening that new issue
…amic content (elastic#139079) ## Summary Issue elastic#133186 ( as shown in below video) demonstrates couple of issues and this PR tries to fix those. https://user-images.githubusercontent.com/61860752/171141631-f633a223-af76-457d-bed2-6bd8ea418a0e.mp4 **ISSUE - 1** When in host details flyout, clicking on `show Top N`, the datagrid will flicker scrolling from right to left and then back to its original position. **Solution** : This issue was not reproducible so I am assuming this has been already resolved. ( See below video for more details) **ISSUE - 2** When in host details flyout, clicking on `show Top N`, the popup hides behind the bottom screen edge. This is because initially the popup was small but when `Show TopN` is clicked, the content of Popup is changed and popup becomes bigger in size forcing it to exceed out of the screen's real estate. **Solution** : This PR makes sure that, if hover actions Popup's content changes, Popup is re-positioned according to its new dimensions. Checkout below demonstration. https://user-images.githubusercontent.com/7485038/185380538-d8fb159a-d666-4be2-b3b0-161a21d1b9d6.mov (cherry picked from commit acf675c)
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
…amic content (#139079) (#139454) ## Summary Issue #133186 ( as shown in below video) demonstrates couple of issues and this PR tries to fix those. https://user-images.githubusercontent.com/61860752/171141631-f633a223-af76-457d-bed2-6bd8ea418a0e.mp4 **ISSUE - 1** When in host details flyout, clicking on `show Top N`, the datagrid will flicker scrolling from right to left and then back to its original position. **Solution** : This issue was not reproducible so I am assuming this has been already resolved. ( See below video for more details) **ISSUE - 2** When in host details flyout, clicking on `show Top N`, the popup hides behind the bottom screen edge. This is because initially the popup was small but when `Show TopN` is clicked, the content of Popup is changed and popup becomes bigger in size forcing it to exceed out of the screen's real estate. **Solution** : This PR makes sure that, if hover actions Popup's content changes, Popup is re-positioned according to its new dimensions. Checkout below demonstration. https://user-images.githubusercontent.com/7485038/185380538-d8fb159a-d666-4be2-b3b0-161a21d1b9d6.mov (cherry picked from commit acf675c) Co-authored-by: Jatin Kathuria <jatin.kathuria@elastic.co>
…amic content (elastic#139079) ## Summary Issue elastic#133186 ( as shown in below video) demonstrates couple of issues and this PR tries to fix those. https://user-images.githubusercontent.com/61860752/171141631-f633a223-af76-457d-bed2-6bd8ea418a0e.mp4 **ISSUE - 1** When in host details flyout, clicking on `show Top N`, the datagrid will flicker scrolling from right to left and then back to its original position. **Solution** : This issue was not reproducible so I am assuming this has been already resolved. ( See below video for more details) **ISSUE - 2** When in host details flyout, clicking on `show Top N`, the popup hides behind the bottom screen edge. This is because initially the popup was small but when `Show TopN` is clicked, the content of Popup is changed and popup becomes bigger in size forcing it to exceed out of the screen's real estate. **Solution** : This PR makes sure that, if hover actions Popup's content changes, Popup is re-positioned according to its new dimensions. Checkout below demonstration. https://user-images.githubusercontent.com/7485038/185380538-d8fb159a-d666-4be2-b3b0-161a21d1b9d6.mov
Summary
Issue #133186 ( as shown in below video) demonstrates couple of issues and this PR tries to fix those.
show.top.mp4
ISSUE - 1
When in host details flyout, clicking on
show Top N
, the datagrid will flicker scrolling from right to left and then back to its original position.Solution : This issue was not reproducible so I am assuming this has been already resolved. ( See below video for more details)
ISSUE - 2
When in host details flyout, clicking on
show Top N
, the popup hides behind the bottom screen edge. This is because initially the popup was small but whenShow TopN
is clicked, the content of Popup is changed and popup becomes bigger in size forcing it to exceed out of the screen's real estate.Solution : This PR makes sure that, if hover actions Popup's content changes, Popup is re-positioned according to its new dimensions. Checkout below demonstration.
Screen.Recording.2022-08-18.at.13.02.40.mov
For maintainers