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

@@ -19,7 +19,7 @@
 import { LabeledValue as AntdLabeledValue } from 'antd/es/select';
 import { t } from '@superset-ui/core';
 import { rankedSearchCompare } from '../../utils/rankedSearchCompare';
-import { RawValue } from './types';
+import { RawValue, SelectProps } from './types';
 
 export const MAX_TAG_COUNT = 4;
 
@@ -33,6 +33,12 @@ export const SELECT_ALL_VALUE: RawValue = t('Select All');
 
 export const VIRTUAL_THRESHOLD = 20;
 
+export const DROPDOWN_ALIGN_BOTTOM: SelectProps['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),

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

@@ -24,6 +24,7 @@ import {
   RefSelectProps,
 } from 'antd/es/select';
 import { Interpolation, Theme } from '@emotion/react';
+import { AlignType } from '@rc-component/trigger/lib/interface';
 
 export type RawValue = string | number;
 
@@ -167,6 +168,11 @@ export interface BaseSelectProps extends AntdExposedProps {
   ref: Ref<RefSelectProps>;
 
   dropdownStyle?: React.CSSProperties;
+
+  /**
+   * It defines the alignment of the dropdown menu.
+   */
+  dropdownAlign?: AlignType;
 }
 
 export interface SelectProps extends BaseSelectProps {