Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[material-ui][DialogContent] Problem with Tailwind CSS classes #41331

Closed
li1234yun opened this issue Mar 2, 2024 · 2 comments
Closed

[material-ui][DialogContent] Problem with Tailwind CSS classes #41331

li1234yun opened this issue Mar 2, 2024 · 2 comments
Assignees
Labels
component: dialog This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material status: waiting for author Issue with insufficient information

Comments

@li1234yun
Copy link

li1234yun commented Mar 2, 2024

Steps to reproduce

Link to live example: (required)

Steps:

  1. Use DialogContent component
  2. Set classes=tailwindcss classes
  3. DialogContent has reduent style at the div style, the style should not be exist or should be empty.

Current behavior

image
image

Expected behavior

I do not set sx at the DialogContent component, custom tailwindcss classes overflow-y-hidden p-0 should after css-ypiqx9-MuiDialogContent-root and css-ypiqx9-MuiDialogContent-root should not be exist.

Context

No response

Your environment

npx @mui/envinfo
  System:
    OS: Linux 5.15 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
  Binaries:
    Node: 20.11.0 - /usr/bin/node
    npm: 10.4.0 - /usr/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
  npmPackages:
    @emotion/react: ^11.11.4 => 11.11.4 
    @emotion/styled: ^11.11.0 => 11.11.0 
    @mui/base:  5.0.0-beta.37 
    @mui/core-downloads-tracker:  5.15.11 
    @mui/envinfo: ^2.0.18 => 2.0.18 
    @mui/icons-material: ^5.15.11 => 5.15.11 
    @mui/material: ^5.15.11 => 5.15.11 
    @mui/private-theming:  5.15.11 
    @mui/styled-engine:  5.15.11 
    @mui/system:  5.15.11 
    @mui/types:  7.2.13 
    @mui/utils:  5.15.11 
    @mui/x-date-pickers: ^6.19.5 => 6.19.5 
    @types/react: 18.2.61 => 18.2.61 
    react: 18.2.0 => 18.2.0 
    react-dom: 18.2.0 => 18.2.0 
    typescript: 5.3.3 => 5.3.3 

Chrome 121.0.6167.185

Search keywords: DialogContent

@li1234yun li1234yun added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 2, 2024
@zannager zannager added the component: dialog This is the name of the generic UI component, not the React module! label Mar 4, 2024
@danilo-leal danilo-leal changed the title [DialogContent] classes render style wrong [material-ui][DialogContent] Classes render wrong style Mar 5, 2024
@danilo-leal danilo-leal added the package: material-ui Specific to @mui/material label Mar 5, 2024
@samuelsycamore
Copy link
Member

Hi @li1234yun ! 👋 Please share a reproduction of your code (Codesandbox or GitHub repo) with the problem you're facing so we can take a look.

@samuelsycamore samuelsycamore changed the title [material-ui][DialogContent] Classes render wrong style [material-ui][DialogContent] Problem with Tailwind CSS classes Mar 5, 2024
@samuelsycamore samuelsycamore added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 5, 2024
Copy link

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: dialog This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material status: waiting for author Issue with insufficient information
Projects
None yet
Development

No branches or pull requests

5 participants