Tailwindcss classes are not working in Tooltip & Dialog components

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

I set up the project as per the docs about using mui along with the tailwindcss and all classes are working as expected.

but rounded-none tailwindcss class is not working for the tooltip. (other tailwind classes are also not working for the tooltip)

Expected behavior 🤔

i’d love to remove the rounded border by tailwindcss class

Steps to reproduce 🕹

Steps:

1. created the tooltip component
2. set the classes tooltip prop by tailwindcss ones

Context 🔦

No response

Your environment 🌎

System: OS: macOS 12.4 Binaries: Node: 16.15.1 - ~/.nvm/versions/node/v16.15.1/bin/node Yarn: 1.22.19 - ~/.nvm/versions/node/v16.15.1/bin/yarn npm: 8.11.0 - ~/.nvm/versions/node/v16.15.1/bin/npm Browsers: Chrome: 103.0.5060.114 Edge: Not Found Firefox: Not Found Safari: 15.5 npmPackages: @emotion/react: ^11.9.3 => 11.9.3 @emotion/styled: ^11.9.3 => 11.9.3 @mui/base: 5.0.0-alpha.88 @mui/icons-material: ^5.8.4 => 5.8.4 @mui/material: ^5.8.7 => 5.8.7 @mui/private-theming: 5.8.6 @mui/styled-engine: 5.8.7 @mui/system: 5.8.7 @mui/types: 7.1.4 @mui/utils: 5.8.6 @types/react: ^18.0.10 => 18.0.10 react: ^18.1.0 => 18.1.0 react-dom: ^18.1.0 => 18.1.0 typescript: ^4.7.2 => 4.7.2

[baymax88]

@mnajdova thanks for your patience. i had some typo in this part and that was the reason.

const theme = createTheme({
  components: {
    MuiPopover: {
      defaultProps: {
        container: rootElement
      }
    },
    MuiPopper: {
      defaultProps: {
        container: rootElement
      }
    },
    MuiDialog: {
        defaultProps: {
          container: rootElement,
        },
     },
  }
});

root.render(
  <React.StrictMode>
    <StyledEngineProvider injectFirst>
      <ThemeProvider theme={theme}>
        <CssBaseline />
        <App />
      </ThemeProvider>
    </StyledEngineProvider>
  </React.StrictMode>
);

It also didn’t work for the dialog but it worked after adding this.

MuiDialog: {
    defaultProps: {
      container: rootElement,
    },
 },

[mnajdova]

In that case, can you maybe just share a link to a github repo I can clone and try locally?