Skip to content

Incorrect blocknote styles affecting Mantine ToolTip component styles #566

@mag1yar

Description

@mag1yar

Describe the bug
I have identified an issue when using the Mantine and BlockNote libraries in my project. In the blocknote styles 210 line, the .bn-container selector is missing, causing a conflict with the Mantine ToolTip component styles.

To Reproduce

  1. Add blocknote and Mantine styles to the project.
  2. Use the Mantine ToolTip component.

Expected behavior

.bn-container .mantine-Tooltip-tooltip {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

Actual behavior

.mantine-Tooltip-tooltip {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

Misc

  • Nextjs: 14.1.0
  • Mantine: 7.5.1
  • BlockNote: 0.11.2
  • Package manager: [email protected]
  • Browser: Microsoft Edge

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingprio:midMedium priority

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions