You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Steps:
1.Install Bootstrap 5 latest to nextjs 14 latest
2. Install latest MUI with enablecsslayer: true
3. Implement button with MUI, observe that the styling was overwritten by Bootstrap css style
Current behavior
Implement button with MUI, observe that the styling was overwritten by Bootstrap css style
Expected behavior
The MUI button should have MUI style and effect to be prioritised.
Context
Suggest to change all MUI styling using tag to specific class name and set high priority than bootstrap.
Your environment
Browser: chrome, and chromium edge.
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Search keywords: MUI, Bootstrap
The text was updated successfully, but these errors were encountered:
danilo-leal
changed the title
Button and few more MUI components' css styling are off when use with Bootstrap 5.3.3
[material-ui] Button and few more components CSS styling are off when use with Bootstrap 5.3.3
Apr 29, 2024
Hey, thanks for opening the issue! Could you provide a minimal reproduction? It helps us troubleshoot. A live example would be perfect. This StackBlitz sandbox template may be a good starting point.
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.
Steps to reproduce
Link to live example: (required)
Steps:
1.Install Bootstrap 5 latest to nextjs 14 latest
2. Install latest MUI with enablecsslayer: true
3. Implement button with MUI, observe that the styling was overwritten by Bootstrap css style
Current behavior
Implement button with MUI, observe that the styling was overwritten by Bootstrap css style
Expected behavior
The MUI button should have MUI style and effect to be prioritised.
Context
Suggest to change all MUI styling using tag to specific class name and set high priority than bootstrap.
Your environment
Browser: chrome, and chromium edge.
npx @mui/envinfo
Search keywords: MUI, Bootstrap
The text was updated successfully, but these errors were encountered: