[docs] Demo AnchorTemporaryDrawer crashes

[abdulsami13]

• I have searched for similar issues in this repository and believe that this is not a duplicate.

Steps to reproduce

1. Visit https://mui.com/material-ui/react-drawer/
2. ??
3. demo AnchorTemporaryDrawer crashes

Your environment

Tech	Version
Version	v6.4.8
Netlify deploy	https://67d861fcac52f80008d5ad55--material-ui-docs.netlify.app
Browser	Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0

Search keywords:

[abdulsami13]

check the issue

[abdulsami13]

@DiegoAndai i just want to ask how many day it will take for the correction as the drawer any other component like Dialog component are not working

[DiegoAndai]

@abdulsami13 I'm not able to reproduce the bug. May I ask you to share a recording of it?

[abdulsami13]

import * as React from 'react';
import Box from '@mui/material/Box';
import Drawer from '@mui/material/Drawer';
import Button from '@mui/material/Button';
import List from '@mui/material/List';
import Divider from '@mui/material/Divider';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import InboxIcon from '@mui/icons-material/MoveToInbox';
import MailIcon from '@mui/icons-material/Mail';

export default function TemporaryDrawer() {
const [open, setOpen] = React.useState(false);

const toggleDrawer = (newOpen) => () => {
setOpen(newOpen);
};

const DrawerList = (
<Box sx={{ width: 250 }} role="presentation" onClick={toggleDrawer(false)}>

{['Inbox', 'Starred', 'Send email', 'Drafts'].map((text, index) => (



{index % 2 === 0 ? : }




))}



{['All mail', 'Trash', 'Spam'].map((text, index) => (



{index % 2 === 0 ? : }




))}


);

return (

Open drawer

{DrawerList}

);
}

**on click on button i am getting this error not only in drawer but also in Dialog and other component like it. It was working fine till 3/21/2025 and next day it giving me this error . ** @DiegoAndai

Uncaught runtime errors:
ERROR
Permission denied to access property "getAttribute"
./node_modules/@mui/material/Modal/ModalManager.js/getHiddenSiblings/<@http://localhost:3000/static/js/bundle.js:41984:9
getHiddenSiblings@http://localhost:3000/static/js/bundle.js:41983:14
add@http://localhost:3000/static/js/bundle.js:42014:45
./node_modules/@mui/material/Modal/useModal.js/useModal/handleOpen<@http://localhost:3000/static/js/bundle.js:42190:13
./node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js/useEventCallback/<@http://localhost:3000/static/js/bundle.js:65231:19
./node_modules/@mui/material/Modal/useModal.js/useModal/<@http://localhost:3000/static/js/bundle.js:42219:7
commitHookEffectListMount@http://localhost:3000/static/js/bundle.js:161624:30
commitPassiveMountOnFiber@http://localhost:3000/static/js/bundle.js:163117:42
commitPassiveMountEffects_complete@http://localhost:3000/static/js/bundle.js:163089:38
commitPassiveMountEffects_begin@http://localhost:3000/static/js/bundle.js:163079:45
commitPassiveMountEffects@http://localhost:3000/static/js/bundle.js:163069:38
flushPassiveEffectsImpl@http://localhost:3000/static/js/bundle.js:164952:32
flushPassiveEffects@http://localhost:3000/static/js/bundle.js:164905:18
commitRootImpl@http://localhost:3000/static/js/bundle.js:164864:9
commitRoot@http://localhost:3000/static/js/bundle.js:164647:23
performSyncWorkOnRoot@http://localhost:3000/static/js/bundle.js:164156:17
flushSyncCallbacks@http://localhost:3000/static/js/bundle.js:152131:26
./node_modules/react-dom/cjs/react-dom.development.js/ensureRootIsScheduled/<@http://localhost:3000/static/js/bundle.js:163761:17

[DiegoAndai]

Hey @abdulsami13, this code is not executable. For example, {index % 2 === 0 ? : } is not valid JS. Could you provide a minimal reproduction? This would help a lot. A live example would be perfect. This StackBlitz sandbox template may be a good starting point. Thank you!