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
Text overlap on selection #276
Comments
@borsemayur2 Style conflicts. |
|
@sametweb There is no problem in the Windows |
I'm testing in Chrome as well. I am also using TailwindCSS, maybe something from there messes it up. I didn't dive deep to understand what clashes. |
@sametweb You can reproduce the problem through codesandbox.io, let me debug and see. |
Had the same issue in combination with TailwindCSS too. So I can confirm there is a conflict with TailwindCSS and the highlighting, probably it is Tailwinds css reset. |
For anyone running into this years later and stubbornly insisting onhighlight, in my case the issue was highlighting on select for
|
adding |
import React from "react";
import MDEditor from '@uiw/react-md-editor/nohighlight';
const code = `**Hello world!!!**
\`\`\`js
function demo() {}
\`\`\`
`
export default function App() {
const [value, setValue] = React.useState(code);
return (
<div className="container">
<MDEditor
value={value}
onChange={setValue}
/>
<MDEditor.Markdown source={value} style={{ whiteSpace: 'pre-wrap' }} />
</div>
);
} @div3791 You can directly remove the code highlighting. |
I'm getting following error on text selection. What can be the issue?
The text was updated successfully, but these errors were encountered: