Steps to reproduce
There are a number of components that are broken when used in non main window context, meaning in iframe, popup, shadow dom. A few quick examples:
|
const html = document.documentElement; |
|
return ReactDOM.createPortal(renderElement(), document.body); |
|
if (disabled && sliderRef.current!.contains(document.activeElement)) { |
Context
A few related issues: mui/material-ui#18701, mui/material-ui#10328.
Your environment
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Search keywords: -
Steps to reproduce
There are a number of components that are broken when used in non main window context, meaning in iframe, popup, shadow dom. A few quick examples:
base-ui/packages/mui-base/src/utils/useScrollLock.ts
Line 43 in 1ab27b0
base-ui/packages/mui-base/src/NumberField/ScrubAreaCursor/NumberFieldScrubAreaCursor.tsx
Line 46 in 1ab27b0
base-ui/packages/mui-base/src/Slider/Root/useSliderRoot.ts
Line 379 in 1ab27b0
Context
A few related issues: mui/material-ui#18701, mui/material-ui#10328.
Your environment
npx @mui/envinfoSearch keywords: -