Ionaru / Ionaru/easy-markdown-editor

Preview mode is screwed up

Open
#352 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
3.1k
Forks
363
PR merge metrics
No merged PRs in 30d

Description

### I'm submitting a...
- [x] Bug report

I am building a chrome extension with note taking ability in youtube. This based on vanilla JS and I added the easyMDE by adding the JS and CSS mentioned in installation steps.

```

```

The editor loads smoothly in the youtube (when i click the extension icon) and i can play with all the different markdowns.

![Screenshot 2021-09-28 at 12 32 45 PM](https://user-images.githubusercontent.com/2256033/135395037-e45b7080-a2fa-44f7-9bfb-f518874a946c.png)

But when i toggle to preview mode (toolbars in screenshots contain different icons because i was playing with various options, so ignore it.) the styling is screwed up and especially for bulleted list the dots are seen outside the boundary of the div enclosing textarea. See the attached screenshots for clairty.

When i debugged further i was able to figure out that this behaviour is seen only in YT. May be due to some existing styling done in youtube disturbs styling of easyMDE.

**In youtube**
![Screenshot 2021-09-29 at 7 15 38 PM](https://user-images.githubusercontent.com/2256033/135394784-56012119-2145-4fef-bd73-fa5756ef4d8f.png)

**In a different website**
![Screenshot 2021-09-29 at 7 15 45 PM](https://user-images.githubusercontent.com/2256033/135394790-074c8179-2319-47d8-b08c-238df273fd75.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.