#Adaptive Menu

#Adaptiveness

• Desktop: doesn't block interaction with other page elements when open
• iOS: native styling

#Background Limitations

The iOS menu background uses backdrop-filter which has limitations based on it's parent elements. Typically most of these limitations will be avoided as long as disablePortal={true} isn't set.

#API

MUI Menu API with the following changes:

• Desktop: disableScrollLock defaults to true
• Desktop: slots.root defaults to ModalNonBlocking

#Links

• Component Source 
  adaptiveMenu.tsx
• Doc Source adaptiveMenu.mdx
• MUI Menu