Textarea and marker bug

[MartinJohannesNilsen]

Hi @bquangDinh!

I love the package, and I think it is the best code block for editorjs.
With that being said, I have stumbled upon some minor issues.

• The textarea seems to go out of bounds, with no padding and a fixed height.
• The blinking cursor does not match the height of the text.

Could you check this out?

[bquangDinh]

Sure I'll check out this bug shortly. Thank you for your feedback. Can you provide me with a bit about your environment? Are you using any UI library like Tailwind CSS, Bootstrap CSS, React UI, etc? My first thought is it may come from these UI libraries interrupting the editor styles.

[kimho]

I solved the problem by adding the following css code.

.editorjs-code-block pre {
     all: inherit; 
}

[MartinJohannesNilsen]

Sure I'll check out this bug shortly. Thank you for your feedback. Can you provide me with a bit about your environment? Are you using any UI library like Tailwind CSS, Bootstrap CSS, React UI, etc? My first thought is it may come from these UI libraries interrupting the editor styles.

Sorry for my late reply. I am using Material UI v5, and it could indeed be that this library does interfer with the styling you have used on this tool.

I solved the problem by adding the following css code.

.editorjs-code-block pre {
     all: inherit; 
}

I tried this, unfortunately without luck.

The problem still remains, and I would love to hear from anyone who might have a solution.

---

In addition to the problem below, I am also experiencing the same bundle error as mentioned in #2, although this might only be a localhost problem? I am in fact also having a problem with the copy and caption buttons, as they are triggering a submit in a form I have placed the editorjs instance in. Maybe you have some tips for me @bquangDinh?