Prevent header popovers from scrolling with page content (#23850)

elastic · Oct 8, 2018 · 2a9cc02 · 2a9cc02
1 parent 70c4e71
commit 2a9cc02
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/ui/public/chrome/directives/header_global_nav/components/header_app_menu.tsx b/src/ui/public/chrome/directives/header_global_nav/components/header_app_menu.tsx
@@ -72,6 +72,8 @@ export class HeaderAppMenu extends Component<Props, State> {
         button={button}
         isOpen={this.state.isOpen}
         anchorPosition="downRight"
+        // @ts-ignore
+        repositionOnScroll
         closePopover={this.closeMenu}
       >
         <EuiKeyPadMenu id="keyPadMenu" style={{ width: 288 }}>

diff --git a/x-pack/plugins/security/public/views/nav_control/nav_control_component.js b/x-pack/plugins/security/public/views/nav_control/nav_control_component.js
@@ -65,6 +65,7 @@ export class SecurityNavControl extends Component {
         button={button}
         isOpen={this.state.isOpen}
         anchorPosition="downRight"
+        repositionOnScroll
         closePopover={this.closeMenu}
         panelPaddingSize="none"
       >