Textarea and marker bug

MartinJohannesNilsen commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

I solved the problem by adding the following css code.

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

MartinJohannesNilsen commented 10 months ago

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?

bquangDinh / editorjs-code

Textarea and marker bug #1