diff --git a/src/app.js b/src/app.js
index 612f8745b..b44bf861f 100644
--- a/src/app.js
+++ b/src/app.js
@@ -32,6 +32,8 @@ import IdTokenVerifier from "idtoken-verifier";
 import T from "i18n-react";
 import { LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import { SelectBase } from "react-select";
+import LibSelectBase from "react-select/lib/Select";
 // eslint-disable-next-line
 import * as Sentry from "@sentry/react";
 import exclusiveSections from "./exclusive-sections.yml";
@@ -46,7 +48,8 @@ import DefaultRoute from "./routes/default-route";
 import { getTimezones } from "./actions/base-actions";
 import {
   ALLOWED_INVENTORY_IMAGE_FORMATS,
-  LANGUAGE_CODE_LENGTH
+  LANGUAGE_CODE_LENGTH,
+  REACT_SELECT_MENU_Z_INDEX
 } from "./utils/constants";
 import { SentryFallbackFunction } from "./components/SentryErrorComponent";
 
@@ -116,6 +119,18 @@ if (exclusiveSections.hasOwnProperty(process.env.APP_CLIENT_NAME)) {
   window.EXCLUSIVE_SECTIONS = exclusiveSections[process.env.APP_CLIENT_NAME];
 }
 
+// absolute at 0,0 so react-select's document-based coordinates still line up; one z-index for every menu
+const selectMenuPortal = document.createElement("div");
+Object.assign(selectMenuPortal.style, {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  zIndex: REACT_SELECT_MENU_Z_INDEX
+});
+document.body.appendChild(selectMenuPortal);
+SelectBase.defaultProps.menuPortalTarget = selectMenuPortal;
+LibSelectBase.defaultProps.menuPortalTarget = selectMenuPortal;
+
 if (window.SENTRY_DSN && window.SENTRY_DSN !== "") {
   console.log("app init sentry ...");
   // Initialize Sentry
diff --git a/src/components/forms/ticket-form.js b/src/components/forms/ticket-form.js
index fde6f8a5c..35c554dfe 100644
--- a/src/components/forms/ticket-form.js
+++ b/src/components/forms/ticket-form.js
@@ -14,7 +14,7 @@
 import React from "react";
 import T from "i18n-react/dist/i18n-react";
 import Swal from "sweetalert2";
-import Input from "openstack-uicore-foundation/lib/components/inputs/text-input"
+import Input from "openstack-uicore-foundation/lib/components/inputs/text-input";
 import TicketTypesInput from "openstack-uicore-foundation/lib/components/inputs/ticket-types-input";
 import OwnerInput from "../inputs/owner-input";
 import { isEmpty, scrollToError, shallowEqual } from "../../utils/methods";
diff --git a/src/components/summit-event-bulk-actions/summit-event-bulk-editor-form.js b/src/components/summit-event-bulk-actions/summit-event-bulk-editor-form.js
index e9c06cf85..1cedf9e07 100644
--- a/src/components/summit-event-bulk-actions/summit-event-bulk-editor-form.js
+++ b/src/components/summit-event-bulk-actions/summit-event-bulk-editor-form.js
@@ -13,9 +13,9 @@
 import React from "react";
 import T from "i18n-react/dist/i18n-react";
 import Swal from "sweetalert2";
-import DateTimePicker from "openstack-uicore-foundation/lib/components/inputs/datetimepicker"
-import SummitVenuesSelect from "openstack-uicore-foundation/lib/components/inputs/summit-venues-select"
-import Input from "openstack-uicore-foundation/lib/components/inputs/text-input"
+import DateTimePicker from "openstack-uicore-foundation/lib/components/inputs/datetimepicker";
+import SummitVenuesSelect from "openstack-uicore-foundation/lib/components/inputs/summit-venues-select";
+import Input from "openstack-uicore-foundation/lib/components/inputs/text-input";
 import Dropdown from "openstack-uicore-foundation/lib/components/inputs/dropdown";
 import { epochToMomentTimeZone } from "openstack-uicore-foundation/lib/utils/methods";
 import moment from "moment-timezone";
@@ -429,6 +429,8 @@ class SummitEventBulkEditorForm extends React.Component {
             <div className="bulk-edit-col-empty">&nbsp;</div>
             <div className="bulk-edit-col">
               <Select
+                // keep the menu inline so it scrolls with .bulk-edit-table instead of the global portal (see app.js)
+                menuPortalTarget={null}
                 placeholder={T.translate(
                   "schedule.placeholders.select_presentation_selection_plan"
                 )}
@@ -441,6 +443,7 @@ class SummitEventBulkEditorForm extends React.Component {
             </div>
             <div className="bulk-edit-col">
               <SummitVenuesSelect
+                menuPortalTarget={null}
                 currentValue={currentBulkLocation}
                 onVenueChanged={this.onBulkLocationChange}
                 venues={venuesOptions}
@@ -501,6 +504,7 @@ class SummitEventBulkEditorForm extends React.Component {
             </div>
             <div className="bulk-edit-col">
               <Dropdown
+                menuPortalTarget={null}
                 id="type_id"
                 placeholder={T.translate(
                   "bulk_actions_page.placeholders.event_type"
@@ -512,6 +516,7 @@ class SummitEventBulkEditorForm extends React.Component {
             </div>
             <div className="bulk-edit-col">
               <Dropdown
+                menuPortalTarget={null}
                 id="track_id"
                 placeholder={T.translate(
                   "bulk_actions_page.placeholders.track"
@@ -547,6 +552,7 @@ class SummitEventBulkEditorForm extends React.Component {
             </div>
             <div className="bulk-edit-col">
               <Dropdown
+                menuPortalTarget={null}
                 id="streaming_type"
                 value={currentBulkStreamingType}
                 onChange={this.onBulkStreamingType}
@@ -558,6 +564,7 @@ class SummitEventBulkEditorForm extends React.Component {
             </div>
             <div className="bulk-edit-col">
               <Dropdown
+                menuPortalTarget={null}
                 id="stream_is_secure"
                 value={currentBulkStreamIsSecure}
                 onChange={this.onBulkStreamIsSecure}
diff --git a/src/components/summit-event-bulk-actions/summit-event-bulk-editor-item.js b/src/components/summit-event-bulk-actions/summit-event-bulk-editor-item.js
index a56b1cd34..0cdc1f9f1 100644
--- a/src/components/summit-event-bulk-actions/summit-event-bulk-editor-item.js
+++ b/src/components/summit-event-bulk-actions/summit-event-bulk-editor-item.js
@@ -12,8 +12,8 @@
  * */
 import React from "react";
 import { FormGroup, FormControl } from "react-bootstrap";
-import DateTimePicker from "openstack-uicore-foundation/lib/components/inputs/datetimepicker"
-import SummitVenuesSelect from "openstack-uicore-foundation/lib/components/inputs/summit-venues-select"
+import DateTimePicker from "openstack-uicore-foundation/lib/components/inputs/datetimepicker";
+import SummitVenuesSelect from "openstack-uicore-foundation/lib/components/inputs/summit-venues-select";
 import Dropdown from "openstack-uicore-foundation/lib/components/inputs/dropdown";
 import { SummitEvent } from "openstack-uicore-foundation/lib/models";
 import moment from "moment-timezone";
@@ -275,6 +275,8 @@ class SummitEventBulkEditorItem extends React.Component {
         <div className="bulk-edit-col">
           <FormGroup validationState={this.getValidationEventSelectionPlan()}>
             <Select
+              // keep the menu inline so it scrolls with .bulk-edit-table instead of the global portal (see app.js)
+              menuPortalTarget={null}
               placeholder={T.translate(
                 "schedule.placeholders.select_presentation_selection_plan"
               )}
@@ -290,6 +292,7 @@ class SummitEventBulkEditorItem extends React.Component {
         <div className="bulk-edit-col">
           <FormGroup validationState={this.getValidationStateVenue()}>
             <SummitVenuesSelect
+              menuPortalTarget={null}
               onVenueChanged={this.onLocationChanged}
               currentValue={currentLocation}
               venues={venuesOptions}
@@ -355,6 +358,7 @@ class SummitEventBulkEditorItem extends React.Component {
         <div className="bulk-edit-col">
           <FormGroup>
             <Dropdown
+              menuPortalTarget={null}
               id="type_id"
               placeholder={T.translate(
                 "bulk_actions_page.placeholders.event_type"
@@ -369,6 +373,7 @@ class SummitEventBulkEditorItem extends React.Component {
         <div className="bulk-edit-col">
           <FormGroup>
             <Dropdown
+              menuPortalTarget={null}
               id="track_id"
               placeholder={T.translate("bulk_actions_page.placeholders.track")}
               value={event.track_id}
@@ -415,6 +420,7 @@ class SummitEventBulkEditorItem extends React.Component {
         <div className="bulk-edit-col">
           <FormGroup>
             <Dropdown
+              menuPortalTarget={null}
               id="streaming_type"
               value={event.streaming_type}
               onChange={this.onStreamingTypeLocalChanged}
@@ -429,6 +435,7 @@ class SummitEventBulkEditorItem extends React.Component {
         <div className="bulk-edit-col">
           <FormGroup>
             <Dropdown
+              menuPortalTarget={null}
               id="streaming_type"
               value={event.stream_is_secure}
               onChange={this.onStreamIsSecureLocalChanged}
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 1cd6ee899..4f6616e08 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -166,6 +166,8 @@ export const DEFAULT_Z_INDEX = 1;
 
 export const HIGH_Z_INDEX = 9999;
 
+export const REACT_SELECT_MENU_Z_INDEX = 1400;
+
 export const DELTA_SECS = 300;
 
 export const MAX_CENTS = 99;