Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface AutoCompleteListboxPositionOptions

Hierarchy

Index

Properties

Optional anchor

anchor: Partial<PositionAnchor>

The configuration to anchor the fixed element to the container element.

Optional closeOnResize

closeOnResize: boolean

Boolean if the select's listbox should not hide if the user resizes the browser while it is visible.

Optional closeOnScroll

closeOnScroll: boolean

Boolean if the select's listbox should not hide if the user scrolls the page while it is visible.

Optional disableSwapping

disableSwapping: boolean

Boolean if the auto-swapping behavior should be disabled. It's normally recommended to not disable this since it'll allow elements to appear off screen.

Optional disableVHBounds

disableVHBounds: boolean

Boolean if the fixed positioning should no longer prevent the fixed element to be positioned within the viewport. This is nice if you want to allow for full page scrolling instead and manually set a max-height on your element.

Optional initialX

initialX: number

The initial x value to use when calculating the position instead of finding the container element to determine the the correct position. All the other positioning logic will still be in effect to ensure the element will be visible within the viewport.

Optional initialY

initialY: number

The initial y value to use when calculating the position instead of finding the container element to determine the the correct position. All the other positioning logic will still be in effect to ensure the element will be visible within the viewport.

Optional listboxStyle

listboxStyle: CSSProperties

An optional style to also apply to the listbox element showing all the matches.

Optional listboxWidth

listboxWidth: PositionWidth

The sizing behavior for the listbox. It will default to have the same width as the select button, but it is also possible to either have the min-width be the width of the select button or just automatically determine the width.

The sizing behavior will always ensure that the left and right bounds of the listbox appear within the viewport.

Optional preventOverlap

preventOverlap: boolean

Boolean if the fixed element should no longer be able to overlap the container element. This is useful for autocomplete menus or other components that retain focus on the container element while the fixed element becomes visible.

Optional transformOrigin

transformOrigin: boolean

Boolean if the style object should include the transformOrigin value based on the x and y positions.

Optional vhMargin

vhMargin: number

The viewwidth margin to apply so that the element doesn't need to be directly on the screen edge.

Optional vwMargin

vwMargin: number

The viewwidth margin to apply so that the element doesn't need to be directly on the screen edge.

Optional xMargin

xMargin: number

The container width margin to apply so that the element doesn't need to be directly on the container's edge.

Optional yMargin

yMargin: number

The container height margin to apply so that the element doesn't need to be directly on the container's edge

Generated using TypeDoc