attach to right

elastic · Nov 23, 2023 · 8642e05 · 8642e05
1 parent 6825bb0
commit 8642e05
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/packages/kbn-visualization-ui-components/components/field_picker/field_picker.tsx b/packages/kbn-visualization-ui-components/components/field_picker/field_picker.tsx
@@ -93,7 +93,10 @@ export function FieldPicker<T extends FieldOptionValue = FieldOptionValue>(
  selectedOptions={selectedOptions}
  singleSelection={SINGLE_SELECTION_AS_TEXT_PROPS}
  truncationProps={MIDDLE_TRUNCATION_PROPS}
- inputPopoverProps={{ panelMinWidth: calculateWidthFromCharCount(maxLabelLength) }}
+ inputPopoverProps={{
+ panelMinWidth: calculateWidthFromCharCount(maxLabelLength),
+ anchorPosition: 'downRight',
+ }}
  onChange={(choices) => {
  if (choices.length === 0) {
  onDelete?.();

diff --git a/src/plugins/unified_histogram/public/chart/breakdown_field_selector.tsx b/src/plugins/unified_histogram/public/chart/breakdown_field_selector.tsx
@@ -83,7 +83,7 @@ export const BreakdownFieldSelector = ({
  aria-label={i18n.translate('unifiedHistogram.breakdownFieldSelectorAriaLabel', {
  defaultMessage: 'Break down by',
  })}
- inputPopoverProps={{ panelMinWidth }}
+ inputPopoverProps={{ panelMinWidth, anchorPosition: 'downRight' }}
  singleSelection={SINGLE_SELECTION}
  options={fieldOptions}
  selectedOptions={selectedFields}

diff --git a/src/plugins/unified_search/public/filter_bar/filter_editor/phrase_value_input.tsx b/src/plugins/unified_search/public/filter_bar/filter_editor/phrase_value_input.tsx
@@ -92,7 +92,7 @@ class PhraseValueInputUI extends PhraseSuggestorUI<PhraseValueInputProps> {
  data-test-subj="filterParamsComboBox phraseParamsComboxBox"
  singleSelection={SINGLE_SELECTION_AS_TEXT_PROPS}
  truncationProps={MIDDLE_TRUNCATION_PROPS}
- inputPopoverProps={{ panelMinWidth }}
+ inputPopoverProps={{ panelMinWidth, anchorPosition: 'downRight' }}
  />
  );
  }

diff --git a/src/plugins/unified_search/public/filter_bar/filter_editor/phrases_values_input.tsx b/src/plugins/unified_search/public/filter_bar/filter_editor/phrases_values_input.tsx
@@ -65,7 +65,7 @@ class PhrasesValuesInputUI extends PhraseSuggestorUI<PhrasesValuesInputProps> {
  data-test-subj="filterParamsComboBox phrasesParamsComboxBox"
  isDisabled={disabled}
  truncationProps={MIDDLE_TRUNCATION_PROPS}
- inputPopoverProps={{ panelMinWidth }}
+ inputPopoverProps={{ panelMinWidth, anchorPosition: 'downRight' }}
  />
  );
  }