I apologize if this question has already been asked, but I have searched and couldn't find the solution!
I am facing an issue with a Material UI listview that has a fixed width within a sidebar. The titles of some options are not properly rendering and the Primary text of ListItemText is overflowing beyond its container. Shouldn't it automatically adjust the height of the container and go multi-line?
Thank you for your help!
return (
<ListItem
key={network._id}
selected={user.network && user.network._id === network._id}
>
<ListItemText
primary={network.name}
sx={{ maxWidth: '100%' }}
/>
<IconButton>
<DoubleArrowIcon />
</IconButton>
</ListItem>
);