diff --git a/packages/material-ui/src/Tooltip/Tooltip.js b/packages/material-ui/src/Tooltip/Tooltip.js index 6c77af1b6602b8..7f9848cbba64d4 100644 --- a/packages/material-ui/src/Tooltip/Tooltip.js +++ b/packages/material-ui/src/Tooltip/Tooltip.js @@ -22,7 +22,6 @@ function round(value) { function arrowGenerator() { return { '&[x-placement*="bottom"] $arrow': { - flip: false, top: 0, left: 0, marginTop: '-0.95em', @@ -31,13 +30,11 @@ function arrowGenerator() { width: '2em', height: '1em', '&::before': { - flip: false, borderWidth: '0 1em 1em 1em', borderColor: 'transparent transparent currentcolor transparent', }, }, '&[x-placement*="top"] $arrow': { - flip: false, bottom: 0, left: 0, marginBottom: '-0.95em', @@ -46,13 +43,11 @@ function arrowGenerator() { width: '2em', height: '1em', '&::before': { - flip: false, borderWidth: '1em 1em 0 1em', borderColor: 'currentcolor transparent transparent transparent', }, }, '&[x-placement*="right"] $arrow': { - flip: false, left: 0, marginLeft: '-0.95em', marginTop: 4, @@ -60,13 +55,11 @@ function arrowGenerator() { height: '2em', width: '1em', '&::before': { - flip: false, borderWidth: '1em 1em 1em 0', borderColor: 'transparent currentcolor transparent transparent', }, }, '&[x-placement*="left"] $arrow': { - flip: false, right: 0, marginRight: '-0.95em', marginTop: 4, @@ -74,7 +67,6 @@ function arrowGenerator() { height: '2em', width: '1em', '&::before': { - flip: false, borderWidth: '1em 0 1em 1em', borderColor: 'transparent transparent transparent currentcolor', }, @@ -86,8 +78,7 @@ export const styles = (theme) => ({ /* Styles applied to the Popper component. */ popper: { zIndex: theme.zIndex.tooltip, - pointerEvents: 'none', - flip: false, // disable jss-rtl plugin + pointerEvents: 'none', // disable jss-rtl plugin }, /* Styles applied to the Popper component if `interactive={true}`. */ popperInteractive: { @@ -653,4 +644,4 @@ Tooltip.propTypes = { TransitionProps: PropTypes.object, }; -export default withStyles(styles, { name: 'MuiTooltip' })(Tooltip); +export default withStyles(styles, { name: 'MuiTooltip', flip: false })(Tooltip);