diff --git a/benchmark/browser/webpack.config.js b/benchmark/browser/webpack.config.js
index d28eeb3712bd4d..b5889c34083c97 100644
--- a/benchmark/browser/webpack.config.js
+++ b/benchmark/browser/webpack.config.js
@@ -33,9 +33,6 @@ module.exports = {
],
},
resolve: {
- alias: {
- 'react-dom$': 'react-dom/profiling',
- },
extensions: ['.js', '.ts', '.tsx'],
},
};
diff --git a/docs/notifications.json b/docs/notifications.json
index 1bebeff4ad8842..6bb76283c322ad 100644
--- a/docs/notifications.json
+++ b/docs/notifications.json
@@ -1,12 +1,12 @@
[
- {
- "id": 27,
- "text": "You can follow us on Twitter to receive exclusive tips and updates about Material-UI and the React ecosystem."
- },
{
"id": 35,
"title": "Let's translate!",
"text": "帮助 Material-UI 将文档翻译成中文. 🇨🇳",
"userLanguage": "zh"
+ },
+ {
+ "id": 53,
+ "text": "You can follow us on Twitter to receive exclusive tips and updates about Material-UI and the React ecosystem."
}
]
diff --git a/docs/pages/branding/mui-x.tsx b/docs/pages/branding/mui-x.tsx
index 9491235d374b43..de5a23ae716aa8 100644
--- a/docs/pages/branding/mui-x.tsx
+++ b/docs/pages/branding/mui-x.tsx
@@ -490,7 +490,8 @@ const communityData = [
const Slider = styled('div')(({ theme }) => ({
scrollSnapType: 'x mandatory',
display: 'flex',
- WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+ // Add iOS momentum scrolling for iOS < 13.0
+ WebkitOverflowScrolling: 'touch',
overflowX: 'scroll',
margin: '0 -15px',
'& > div': {
diff --git a/docs/public/_redirects b/docs/public/_redirects
index f8f773808e2133..f4209cec1c39e3 100644
--- a/docs/public/_redirects
+++ b/docs/public/_redirects
@@ -25,6 +25,8 @@ https://material-ui.dev/* https://material-ui.com/:splat 301!
/r/x-license https://material-ui.com/store/items/material-ui-pro/
/r/migration-v4 /guides/migration-v4/
+/x/license/ https://docs.google.com/document/d/1nkd5JP5wCefo6UwpVi6PnbTaw8DxhstkCZlfHV5ZgfI/edit?usp=sharing 301
+
# Legacy redirection
# Added in chronological order
# To be removed at some point
diff --git a/docs/public/static/ads-in-house/divjoy.png b/docs/public/static/ads-in-house/divjoy.png
deleted file mode 100644
index ebd3520a39c51d..00000000000000
Binary files a/docs/public/static/ads-in-house/divjoy.png and /dev/null differ
diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index c0050efe3e6e70..34c2f1e84e4188 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -97,13 +97,6 @@ const inHouseAds = [
description:
'For Figma. A large UI kit with over 600 handcrafted Material-UI components 🎨.',
},
- {
- name: 'divjoy',
- link: 'https://divjoy.com?via=material-ui',
- img: '/static/ads-in-house/divjoy.png',
- description:
- 'Divjoy. Create your Material-UI app in minutes. You’ll get a nice template, authentication, database integration, subscription payments, and more.',
- },
];
function Ad(props) {
diff --git a/docs/src/pages/components/grid/grid.md b/docs/src/pages/components/grid/grid.md
index de7dd4024c3d85..2915742dfb7e9d 100644
--- a/docs/src/pages/components/grid/grid.md
+++ b/docs/src/pages/components/grid/grid.md
@@ -66,9 +66,11 @@ For instance, we can implement the ["recommended"](https://material.io/design/la
Responsive values is supported by:
-- `spacing`
-- `direction`
- `columns`
+- `columnSpacing`
+- `direction`
+- `rowSpacing`
+- `spacing`
- all the [other props](#system-props) of the system
> ⚠️ When using a responsive `columns` prop, each grid item needs its corresponding breakpoint.
diff --git a/docs/src/pages/components/popper/ScrollPlayground.js b/docs/src/pages/components/popper/ScrollPlayground.js
index e6767e4398958d..d861c628e64e39 100644
--- a/docs/src/pages/components/popper/ScrollPlayground.js
+++ b/docs/src/pages/components/popper/ScrollPlayground.js
@@ -148,39 +148,39 @@ export default function ScrollPlayground() {
const classes = useStyles();
const jsx = `
-
+ },
+ ]}
+>
`;
const id = open ? 'scroll-playground' : null;
diff --git a/packages/material-ui/src/DialogContent/DialogContent.js b/packages/material-ui/src/DialogContent/DialogContent.js
index 80c451777cda4a..131e5e698025de 100644
--- a/packages/material-ui/src/DialogContent/DialogContent.js
+++ b/packages/material-ui/src/DialogContent/DialogContent.js
@@ -29,7 +29,8 @@ const DialogContentRoot = styled('div', {
},
})(({ theme, styleProps }) => ({
flex: '1 1 auto',
- WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+ // Add iOS momentum scrolling for iOS < 13.0
+ WebkitOverflowScrolling: 'touch',
overflowY: 'auto',
padding: '20px 24px',
...(styleProps.dividers
diff --git a/packages/material-ui/src/Drawer/Drawer.js b/packages/material-ui/src/Drawer/Drawer.js
index 0ec0972d4eb2f8..bed515f56516a9 100644
--- a/packages/material-ui/src/Drawer/Drawer.js
+++ b/packages/material-ui/src/Drawer/Drawer.js
@@ -79,7 +79,8 @@ const DrawerPaper = styled(Paper, {
height: '100%',
flex: '1 0 auto',
zIndex: theme.zIndex.drawer,
- WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+ // Add iOS momentum scrolling for iOS < 13.0
+ WebkitOverflowScrolling: 'touch',
// temporary style
position: 'fixed',
top: 0,
diff --git a/packages/material-ui/src/ImageList/ImageList.js b/packages/material-ui/src/ImageList/ImageList.js
index 625ba0039a1b49..50ecd3045b4d5a 100644
--- a/packages/material-ui/src/ImageList/ImageList.js
+++ b/packages/material-ui/src/ImageList/ImageList.js
@@ -36,7 +36,8 @@ const ImageListRoot = styled('ul', {
overflowY: 'auto',
listStyle: 'none',
padding: 0,
- WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+ // Add iOS momentum scrolling for iOS < 13.0
+ WebkitOverflowScrolling: 'touch',
/* Styles applied to the root element if `variant="masonry"`. */
...(styleProps.variant === 'masonry' && {
display: 'block',
diff --git a/packages/material-ui/src/Menu/Menu.js b/packages/material-ui/src/Menu/Menu.js
index 77e3510f7c28a3..337c357d3da05d 100644
--- a/packages/material-ui/src/Menu/Menu.js
+++ b/packages/material-ui/src/Menu/Menu.js
@@ -49,7 +49,7 @@ const MenuPaper = styled(Paper, {
// height. This ensures a tapable area outside of the simple menu with which to dismiss
// the menu.
maxHeight: 'calc(100% - 96px)',
- // Add iOS momentum scrolling.
+ // Add iOS momentum scrolling for iOS < 13.0
WebkitOverflowScrolling: 'touch',
});
diff --git a/packages/material-ui/src/Tabs/Tabs.js b/packages/material-ui/src/Tabs/Tabs.js
index 81278edc472e76..dbee4a25a241b4 100644
--- a/packages/material-ui/src/Tabs/Tabs.js
+++ b/packages/material-ui/src/Tabs/Tabs.js
@@ -113,7 +113,8 @@ const TabsRoot = styled('div', {
})(({ styleProps, theme }) => ({
overflow: 'hidden',
minHeight: 48,
- WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+ // Add iOS momentum scrolling for iOS < 13.0
+ WebkitOverflowScrolling: 'touch',
display: 'flex',
...(styleProps.vertical && {
flexDirection: 'column',