niuware / mui-rte

Material-UI Rich Text Editor and Viewer
MIT License
438 stars 168 forks source link

Overflow is not working as spectated? #245

Open saileshkush95 opened 3 years ago

saileshkush95 commented 3 years ago

Checklist

Description

Write here your issue description.

When i using this settings, some tools are not working properly like "numberList", "bulletList", e.t.c Here is my code snippets

import React from "react";
import { createMuiTheme, MuiThemeProvider } from "@material-ui/core/styles";
import MUIRichTextEditor from "mui-rte";

const defaultTheme = createMuiTheme();

const controls = [
  "bold",
  "italic",
  "underline",
  "strikethrough",
  "highlight",
  "link",
  "media",
  "numberList",
  "bulletList",
  "quote",
];

Object.assign(defaultTheme, {
  overrides: {
    MUIRichTextEditor: {
      root: {
        width: "97%",
        marginLeft: "8px",
      },
      editor: {
        height: "150px",
        overflow: "auto"
        // border: "1px solid gray",
      },
    },
  },
});
const RTE = (props) => {
  return (
    <MuiThemeProvider theme={defaultTheme}>
      <MUIRichTextEditor controls={controls} label="Type something here..." />
    </MuiThemeProvider>
  );
};

export default RTE;
hugocicl commented 3 years ago

Same problem for me @saileshkush95 😕