fix(dashboard): resolve dropdown popup positioning

Author: reynoldmorel

superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx

@@ -63,6 +63,7 @@ import {
 } from './styles';
 import {
   DEFAULT_SORT_COMPARATOR,
+  DROPDOWN_ALIGN_BOTTOM,
   EMPTY_OPTIONS,
   MAX_TAG_COUNT,
   TOKEN_SEPARATORS,
@@ -776,6 +777,7 @@ const Select = forwardRef(
           optionRender={option => <Space>{option.label || option.value}</Space>}
           oneLine={oneLine}
           css={props.css}
+          dropdownAlign={DROPDOWN_ALIGN_BOTTOM}
           {...props}
           showSearch={shouldShowSearch}
           ref={ref}

superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts

@@ -16,10 +16,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { LabeledValue as AntdLabeledValue } from 'antd/es/select';
+import Select, { LabeledValue as AntdLabeledValue } from 'antd/es/select';
 import { t } from '@superset-ui/core';
 import { rankedSearchCompare } from '../../utils/rankedSearchCompare';
 import { RawValue } from './types';
+import { ComponentProps } from 'react';
 
 export const MAX_TAG_COUNT = 4;
 
@@ -33,6 +34,14 @@ export const SELECT_ALL_VALUE: RawValue = t('Select All');
 
 export const VIRTUAL_THRESHOLD = 20;
 
+export const DROPDOWN_ALIGN_BOTTOM: ComponentProps<
+  typeof Select
+>['dropdownAlign'] = {
+  points: ['tl', 'bl'],
+  offset: [0, 4],
+  overflow: { adjustX: 0, adjustY: 1 },
+};
+
 export const SELECT_ALL_OPTION = {
   value: SELECT_ALL_VALUE,
   label: String(SELECT_ALL_VALUE),