From 9b6864d0c12fd25bc5106c1a6a61ca21d7b6dd94 Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Wed, 12 Oct 2022 15:51:21 -0400
Subject: [PATCH 1/6] chore(dropdown-like components): updated isFlipEnabled to
 true by default

---
 .../src/components/ContextSelector/ContextSelector.tsx | 10 ++--------
 .../react-core/src/components/Dropdown/Dropdown.tsx    |  2 +-
 .../src/components/Dropdown/DropdownWithContext.tsx    |  6 ++----
 packages/react-core/src/components/Select/Select.tsx   |  6 ++----
 4 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/packages/react-core/src/components/ContextSelector/ContextSelector.tsx b/packages/react-core/src/components/ContextSelector/ContextSelector.tsx
index 307c81ddfc1..4a5c2f1b6f4 100644
--- a/packages/react-core/src/components/ContextSelector/ContextSelector.tsx
+++ b/packages/react-core/src/components/ContextSelector/ContextSelector.tsx
@@ -95,7 +95,7 @@ export class ContextSelector extends React.Component<ContextSelectorProps, { oui
     footer: null as React.ReactNode,
     isPlain: false,
     isText: false,
-    isFlipEnabled: false,
+    isFlipEnabled: true,
     removeFindDomNode: false
   };
   constructor(props: ContextSelectorProps) {
@@ -147,13 +147,7 @@ export class ContextSelector extends React.Component<ContextSelectorProps, { oui
     const screenReaderLabelId = `pf-context-selector-label-id-${uniqueId}`;
 
     const menuContainer = (
-      <div
-        className={css(styles.contextSelectorMenu)}
-        // This removes the `position: absolute`styling from the `.pf-c-context-selector__menu`
-        // allowing the menu to flip correctly
-        {...(isFlipEnabled && { style: { position: 'revert' } })}
-        id={uniqueId}
-      >
+      <div className={css(styles.contextSelectorMenu, isFlipEnabled && styles.modifiers.static)} id={uniqueId}>
         {isOpen && (
           <FocusTrap
             active={!disableFocusTrap}
diff --git a/packages/react-core/src/components/Dropdown/Dropdown.tsx b/packages/react-core/src/components/Dropdown/Dropdown.tsx
index 622b0cd7e96..94e98db9b03 100644
--- a/packages/react-core/src/components/Dropdown/Dropdown.tsx
+++ b/packages/react-core/src/components/Dropdown/Dropdown.tsx
@@ -77,7 +77,7 @@ export const Dropdown: React.FunctionComponent<DropdownProps> = ({
   alignments,
   contextProps,
   menuAppendTo = 'inline',
-  isFlipEnabled = false,
+  isFlipEnabled = true,
   removeFindDomNode = false,
   ...props
 }: DropdownProps) => (
diff --git a/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx b/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
index 7cca3a3a111..9f42a5f1972 100644
--- a/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
+++ b/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
@@ -30,7 +30,7 @@ export class DropdownWithContext extends React.Component<DropdownProps & OUIAPro
     onSelect: (): void => undefined,
     autoFocus: true,
     menuAppendTo: 'inline',
-    isFlipEnabled: false
+    isFlipEnabled: true
   };
 
   constructor(props: DropdownProps & OUIAProps) {
@@ -99,9 +99,7 @@ export class DropdownWithContext extends React.Component<DropdownProps & OUIAPro
           const BaseComponent = baseComponent as any;
           const menuContainer = (
             <DropdownMenu
-              // This removes the `position: absolute` styling from the `.pf-c-dropdown__menu`
-              // allowing the menu to flip correctly
-              {...(isFlipEnabled && { style: { position: 'revert', minWidth: 'min-content' } })}
+              className={css(isFlipEnabled && styles.modifiers.static)}
               setMenuComponentRef={this.setMenuComponentRef}
               component={component}
               isOpen={isOpen}
diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx
index a4962d75a35..ef6cebfc088 100644
--- a/packages/react-core/src/components/Select/Select.tsx
+++ b/packages/react-core/src/components/Select/Select.tsx
@@ -266,7 +266,7 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
     isInputFilterPersisted: false,
     isCreateSelectOptionObject: false,
     shouldResetOnSelect: true,
-    isFlipEnabled: false,
+    isFlipEnabled: true,
     removeFindDomNode: false
   };
 
@@ -1260,9 +1260,7 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
 
     const innerMenu = (
       <SelectMenu
-        // This removes the `position: absolute` styling from the `.pf-c-select__menu`
-        // allowing the menu to flip correctly
-        {...(isFlipEnabled && { style: { position: 'revert' } })}
+        className={css(isFlipEnabled && styles.modifiers.static)}
         {...props}
         isGrouped={isGrouped}
         selected={selections}

From 94533bf5b1c67749ee3b502cb2e68a7b2ea72784 Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Wed, 12 Oct 2022 16:27:00 -0400
Subject: [PATCH 2/6] Updated snapshots

---
 .../ApplicationLauncher.test.tsx.snap         |  6 ++---
 .../ContextSelector.test.tsx.snap             |  4 +--
 .../__snapshots__/Dropdown.test.tsx.snap      | 12 ++++-----
 .../__snapshots__/OptionsMenu.test.tsx.snap   |  4 +--
 .../__snapshots__/Select.test.tsx.snap        | 26 +++++++++----------
 .../__snapshots__/Toolbar.test.tsx.snap       |  2 +-
 6 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap b/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
index 478ec5517a2..72ef3dc8a54 100644
--- a/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
+++ b/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
     </button>
     <ul
       aria-labelledby="pf-dropdown-toggle-id-7"
-      class="pf-c-app-launcher__menu"
+      class="pf-c-app-launcher__menu pf-m-static"
       role="menu"
     >
       <li
@@ -184,7 +184,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
     </button>
     <ul
       aria-labelledby="pf-dropdown-toggle-id-5"
-      class="pf-c-app-launcher__menu"
+      class="pf-c-app-launcher__menu pf-m-static"
       role="menu"
     >
       <li
@@ -408,7 +408,7 @@ exports[`ApplicationLauncher expanded 1`] = `
     </button>
     <ul
       aria-labelledby="pf-dropdown-toggle-id-4"
-      class="pf-c-app-launcher__menu"
+      class="pf-c-app-launcher__menu pf-m-static"
       role="menu"
     >
       <li
diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
index 37c450cc7f2..6a9f4222f37 100644
--- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
+++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
@@ -77,7 +77,7 @@ exports[`ContextSelector Renders ContextSelector open 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-context-selector__menu"
+      class="pf-c-context-selector__menu pf-m-static"
       id="render-open"
     >
       <div>
@@ -221,7 +221,7 @@ exports[`ContextSelector Renders in strict mode 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-context-selector__menu"
+      class="pf-c-context-selector__menu pf-m-static"
       id="render"
     >
       <div>
diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
index ba14c21f220..d4ef7dc572e 100644
--- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
+++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`Dropdown Renders in strict mode 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu"
+      class="pf-c-dropdown__menu pf-m-static"
       role="menu"
     >
       <li
@@ -168,7 +168,7 @@ exports[`Dropdown alignment breakpoints 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu pf-m-align-left-on-sm pf-m-align-right-on-md pf-m-align-left-on-lg pf-m-align-right-on-xl pf-m-align-left-on-2xl"
+      class="pf-c-dropdown__menu pf-m-align-left-on-sm pf-m-align-right-on-md pf-m-align-left-on-lg pf-m-align-right-on-xl pf-m-align-left-on-2xl pf-m-static"
       role="menu"
     >
       <li
@@ -291,7 +291,7 @@ exports[`Dropdown basic 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-dropdown__menu"
+      class="pf-c-dropdown__menu pf-m-static"
     >
       <div>
         BASIC
@@ -435,7 +435,7 @@ exports[`Dropdown expanded 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu"
+      class="pf-c-dropdown__menu pf-m-static"
       role="menu"
     >
       <li
@@ -682,7 +682,7 @@ exports[`KebabToggle basic 1`] = `
       </svg>
     </button>
     <div
-      class="pf-c-dropdown__menu"
+      class="pf-c-dropdown__menu pf-m-static"
     >
       <div>
         BASIC
@@ -793,7 +793,7 @@ exports[`KebabToggle expanded 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu"
+      class="pf-c-dropdown__menu pf-m-static"
       role="menu"
     >
       <li
diff --git a/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap b/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap
index e84588eda57..df81860ede3 100644
--- a/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap
+++ b/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`optionsMenu expanded 1`] = `
     </button>
     <ul
       aria-labelledby="expanded-toggle"
-      class="pf-c-options-menu__menu"
+      class="pf-c-options-menu__menu pf-m-static"
       role="menu"
     >
       <section
@@ -401,7 +401,7 @@ exports[`optionsMenu renders in strict mode 1`] = `
     </button>
     <ul
       aria-labelledby="regular-toggle"
-      class="pf-c-options-menu__menu"
+      class="pf-c-options-menu__menu pf-m-static"
       role="menu"
     >
       <section
diff --git a/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap b/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
index 3bbfb29c2c1..e9070f35241 100644
--- a/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`Select renders select groups successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
     >
       <div
         class="pf-c-select__menu-group"
@@ -375,7 +375,7 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
@@ -481,7 +481,7 @@ exports[`Select single select renders expanded successfully 1`] = `
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
@@ -587,7 +587,7 @@ exports[`Select single select renders expanded successfully with custom objects
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
@@ -676,7 +676,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
     >
       <div
         class="pf-c-select__menu-group"
@@ -1014,7 +1014,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <label
@@ -1121,7 +1121,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <label
@@ -1214,7 +1214,7 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
       </button>
     </div>
     <div
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
     >
       <fieldset
         aria-label=""
@@ -1337,7 +1337,7 @@ exports[`renders select with favorites successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
     >
       <div
         class="pf-c-select__menu-group"
@@ -1762,7 +1762,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
@@ -1977,7 +1977,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
@@ -2179,7 +2179,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
@@ -2291,7 +2291,7 @@ exports[`typeahead select renders selected successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu"
+      class="pf-c-select__menu pf-m-static"
       role="listbox"
     >
       <li
diff --git a/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap b/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap
index da1d33c254b..87876c7b99d 100644
--- a/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap
+++ b/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap
@@ -146,7 +146,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
                 </button>
                 <ul
                   aria-label="Status"
-                  class="pf-c-select__menu"
+                  class="pf-c-select__menu pf-m-static"
                   role="listbox"
                 >
                   <label

From 808f21193162ac98bb8d2506abe0a5cffd5854fe Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Thu, 13 Oct 2022 08:37:10 -0400
Subject: [PATCH 3/6] Updated failing integration test

---
 .../demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx
index 1f96b3b29ba..90bd179e38e 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx
@@ -1310,7 +1310,6 @@ export class SelectDemo extends Component<SelectDemoState> {
             Checkbox Title
           </span>
           <Select
-            direction="up"
             toggleId="select-document-body-toggle"
             variant={SelectVariant.checkbox}
             aria-label="Select Input"

From 8bae4abec5471ad9e9b5f97e0079e5cb7f647935 Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Mon, 17 Oct 2022 09:09:30 -0400
Subject: [PATCH 4/6] Updated conditional for adding static class

---
 .../react-core/src/components/Dropdown/DropdownWithContext.tsx | 3 ++-
 packages/react-core/src/components/Select/Select.tsx           | 3 ++-
 .../demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx b/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
index 9f42a5f1972..6e49a23281a 100644
--- a/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
+++ b/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
@@ -93,13 +93,14 @@ export class DropdownWithContext extends React.Component<DropdownProps & OUIAPro
       renderedContent = React.Children.toArray(children);
     }
     const openedOnEnter = this.openedOnEnter;
+    const isStatic = isFlipEnabled && direction === DropdownDirection.down;
     return (
       <DropdownContext.Consumer>
         {({ baseClass, baseComponent, id: contextId, ouiaId, ouiaComponentType, ouiaSafe, alignments }) => {
           const BaseComponent = baseComponent as any;
           const menuContainer = (
             <DropdownMenu
-              className={css(isFlipEnabled && styles.modifiers.static)}
+              className={css(isStatic && styles.modifiers.static)}
               setMenuComponentRef={this.setMenuComponentRef}
               component={component}
               isOpen={isOpen}
diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx
index ef6cebfc088..0bec84b3ef1 100644
--- a/packages/react-core/src/components/Select/Select.tsx
+++ b/packages/react-core/src/components/Select/Select.tsx
@@ -1258,9 +1258,10 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
       }
     }
 
+    const isStatic = isFlipEnabled && direction === SelectDirection.down;
     const innerMenu = (
       <SelectMenu
-        className={css(isFlipEnabled && styles.modifiers.static)}
+        className={css(isStatic && styles.modifiers.static)}
         {...props}
         isGrouped={isGrouped}
         selected={selections}
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx
index 90bd179e38e..1f96b3b29ba 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/SelectDemo.tsx
@@ -1310,6 +1310,7 @@ export class SelectDemo extends Component<SelectDemoState> {
             Checkbox Title
           </span>
           <Select
+            direction="up"
             toggleId="select-document-body-toggle"
             variant={SelectVariant.checkbox}
             aria-label="Select Input"

From eb1d37f4da40f12c89ce92526896a4a237334ada Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Wed, 26 Oct 2022 08:13:29 -0400
Subject: [PATCH 5/6] Updated static logic based on Core updates

---
 .../ApplicationLauncher.test.tsx.snap         |  6 ++---
 .../Dropdown/DropdownWithContext.tsx          |  2 +-
 .../__snapshots__/Dropdown.test.tsx.snap      | 12 ++++-----
 .../__snapshots__/OptionsMenu.test.tsx.snap   |  4 +--
 .../src/components/Select/Select.tsx          |  2 +-
 .../__snapshots__/Select.test.tsx.snap        | 26 +++++++++----------
 .../__snapshots__/Toolbar.test.tsx.snap       |  2 +-
 7 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap b/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
index 72ef3dc8a54..478ec5517a2 100644
--- a/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
+++ b/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
     </button>
     <ul
       aria-labelledby="pf-dropdown-toggle-id-7"
-      class="pf-c-app-launcher__menu pf-m-static"
+      class="pf-c-app-launcher__menu"
       role="menu"
     >
       <li
@@ -184,7 +184,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
     </button>
     <ul
       aria-labelledby="pf-dropdown-toggle-id-5"
-      class="pf-c-app-launcher__menu pf-m-static"
+      class="pf-c-app-launcher__menu"
       role="menu"
     >
       <li
@@ -408,7 +408,7 @@ exports[`ApplicationLauncher expanded 1`] = `
     </button>
     <ul
       aria-labelledby="pf-dropdown-toggle-id-4"
-      class="pf-c-app-launcher__menu pf-m-static"
+      class="pf-c-app-launcher__menu"
       role="menu"
     >
       <li
diff --git a/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx b/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
index 6e49a23281a..1cf7ff0638f 100644
--- a/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
+++ b/packages/react-core/src/components/Dropdown/DropdownWithContext.tsx
@@ -93,7 +93,7 @@ export class DropdownWithContext extends React.Component<DropdownProps & OUIAPro
       renderedContent = React.Children.toArray(children);
     }
     const openedOnEnter = this.openedOnEnter;
-    const isStatic = isFlipEnabled && direction === DropdownDirection.down;
+    const isStatic = isFlipEnabled && menuAppendTo !== 'inline';
     return (
       <DropdownContext.Consumer>
         {({ baseClass, baseComponent, id: contextId, ouiaId, ouiaComponentType, ouiaSafe, alignments }) => {
diff --git a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
index d4ef7dc572e..ba14c21f220 100644
--- a/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
+++ b/packages/react-core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`Dropdown Renders in strict mode 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu pf-m-static"
+      class="pf-c-dropdown__menu"
       role="menu"
     >
       <li
@@ -168,7 +168,7 @@ exports[`Dropdown alignment breakpoints 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu pf-m-align-left-on-sm pf-m-align-right-on-md pf-m-align-left-on-lg pf-m-align-right-on-xl pf-m-align-left-on-2xl pf-m-static"
+      class="pf-c-dropdown__menu pf-m-align-left-on-sm pf-m-align-right-on-md pf-m-align-left-on-lg pf-m-align-right-on-xl pf-m-align-left-on-2xl"
       role="menu"
     >
       <li
@@ -291,7 +291,7 @@ exports[`Dropdown basic 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-dropdown__menu pf-m-static"
+      class="pf-c-dropdown__menu"
     >
       <div>
         BASIC
@@ -435,7 +435,7 @@ exports[`Dropdown expanded 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu pf-m-static"
+      class="pf-c-dropdown__menu"
       role="menu"
     >
       <li
@@ -682,7 +682,7 @@ exports[`KebabToggle basic 1`] = `
       </svg>
     </button>
     <div
-      class="pf-c-dropdown__menu pf-m-static"
+      class="pf-c-dropdown__menu"
     >
       <div>
         BASIC
@@ -793,7 +793,7 @@ exports[`KebabToggle expanded 1`] = `
     </button>
     <ul
       aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu pf-m-static"
+      class="pf-c-dropdown__menu"
       role="menu"
     >
       <li
diff --git a/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap b/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap
index df81860ede3..e84588eda57 100644
--- a/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap
+++ b/packages/react-core/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`optionsMenu expanded 1`] = `
     </button>
     <ul
       aria-labelledby="expanded-toggle"
-      class="pf-c-options-menu__menu pf-m-static"
+      class="pf-c-options-menu__menu"
       role="menu"
     >
       <section
@@ -401,7 +401,7 @@ exports[`optionsMenu renders in strict mode 1`] = `
     </button>
     <ul
       aria-labelledby="regular-toggle"
-      class="pf-c-options-menu__menu pf-m-static"
+      class="pf-c-options-menu__menu"
       role="menu"
     >
       <section
diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx
index 0bec84b3ef1..672034f6430 100644
--- a/packages/react-core/src/components/Select/Select.tsx
+++ b/packages/react-core/src/components/Select/Select.tsx
@@ -1258,7 +1258,7 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
       }
     }
 
-    const isStatic = isFlipEnabled && direction === SelectDirection.down;
+    const isStatic = isFlipEnabled && menuAppendTo !== 'inline';
     const innerMenu = (
       <SelectMenu
         className={css(isStatic && styles.modifiers.static)}
diff --git a/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap b/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
index e9070f35241..3bbfb29c2c1 100644
--- a/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`Select renders select groups successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
     >
       <div
         class="pf-c-select__menu-group"
@@ -375,7 +375,7 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
@@ -481,7 +481,7 @@ exports[`Select single select renders expanded successfully 1`] = `
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
@@ -587,7 +587,7 @@ exports[`Select single select renders expanded successfully with custom objects
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
@@ -676,7 +676,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
     >
       <div
         class="pf-c-select__menu-group"
@@ -1014,7 +1014,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <label
@@ -1121,7 +1121,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
     </button>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <label
@@ -1214,7 +1214,7 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
       </button>
     </div>
     <div
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
     >
       <fieldset
         aria-label=""
@@ -1337,7 +1337,7 @@ exports[`renders select with favorites successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
     >
       <div
         class="pf-c-select__menu-group"
@@ -1762,7 +1762,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
@@ -1977,7 +1977,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
@@ -2179,7 +2179,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
@@ -2291,7 +2291,7 @@ exports[`typeahead select renders selected successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-c-select__menu pf-m-static"
+      class="pf-c-select__menu"
       role="listbox"
     >
       <li
diff --git a/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap b/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap
index 87876c7b99d..da1d33c254b 100644
--- a/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap
+++ b/packages/react-core/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap
@@ -146,7 +146,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
                 </button>
                 <ul
                   aria-label="Status"
-                  class="pf-c-select__menu pf-m-static"
+                  class="pf-c-select__menu"
                   role="listbox"
                 >
                   <label

From 173c4849ed3cf4c1665a92c5abb144e32c3ed900 Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Wed, 26 Oct 2022 12:54:54 -0400
Subject: [PATCH 6/6] Updated ContextSelector

---
 .../src/components/ContextSelector/ContextSelector.tsx        | 3 ++-
 .../__tests__/__snapshots__/ContextSelector.test.tsx.snap     | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/react-core/src/components/ContextSelector/ContextSelector.tsx b/packages/react-core/src/components/ContextSelector/ContextSelector.tsx
index 4a5c2f1b6f4..c6db61c2fb2 100644
--- a/packages/react-core/src/components/ContextSelector/ContextSelector.tsx
+++ b/packages/react-core/src/components/ContextSelector/ContextSelector.tsx
@@ -145,9 +145,10 @@ export class ContextSelector extends React.Component<ContextSelectorProps, { oui
     const uniqueId = id || getUniqueId();
     const toggleId = `pf-context-selector-toggle-id-${uniqueId}`;
     const screenReaderLabelId = `pf-context-selector-label-id-${uniqueId}`;
+    const isStatic = isFlipEnabled && menuAppendTo !== 'inline';
 
     const menuContainer = (
-      <div className={css(styles.contextSelectorMenu, isFlipEnabled && styles.modifiers.static)} id={uniqueId}>
+      <div className={css(styles.contextSelectorMenu, isStatic && styles.modifiers.static)} id={uniqueId}>
         {isOpen && (
           <FocusTrap
             active={!disableFocusTrap}
diff --git a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
index 6a9f4222f37..37c450cc7f2 100644
--- a/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
+++ b/packages/react-core/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
@@ -77,7 +77,7 @@ exports[`ContextSelector Renders ContextSelector open 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-context-selector__menu pf-m-static"
+      class="pf-c-context-selector__menu"
       id="render-open"
     >
       <div>
@@ -221,7 +221,7 @@ exports[`ContextSelector Renders in strict mode 1`] = `
       </span>
     </button>
     <div
-      class="pf-c-context-selector__menu pf-m-static"
+      class="pf-c-context-selector__menu"
       id="render"
     >
       <div>