Skip to main content

Enumeration: ModalOverflowType

Determines how content behaves when it exceeds the modal's dimensions.

The ModalOverflowType enum controls the scrolling behavior of modal content when it doesn't fit within the modal's boundaries. This affects the user experience when interacting with modals containing large amounts of content.

Example​

// Creating a modal with internal scrolling
const productModal = {
  modalWidthValue: 600,
  modalHeightValue: 800,
  modalOverflow: ModalOverflowType.INSIDE
};

// Creating a modal that expands with page scrolling
const largeConfiguratorModal = {
  modalClassName: "full-configurator",
  modalOverflow: ModalOverflowType.OUTSIDE
};

Enumeration Members​

INSIDE​

INSIDE: "1"

Modal content is contained within fixed modal dimensions with internal scrolling.

When content exceeds the modal's dimensions, the modal maintains its size and adds scrollbars within itself. This keeps the modal at a consistent size and ensures it remains fully visible within the viewport.

OUTSIDE​

OUTSIDE: "0"

Modal content expands beyond modal boundaries and scrolls with the page.

When content exceeds the modal's initial dimensions, the modal grows to accommodate the content, and the entire page becomes scrollable. This provides maximum content visibility but may cause the modal to extend beyond the viewport.