react-textarea-code-editor icon indicating copy to clipboard operation
react-textarea-code-editor copied to clipboard

Is `font-family: inherit;` in `.w-tc-editor` required?

Open ronny1020 opened this issue 2 years ago • 2 comments

Thank you for your hard work.

I am using this library with Tailwind. However, after adding the font-mono class, it is not working in the library. The reason for this is that the class .w-tc-editor is set to font-family: inherit;, which overrides the font-mono setting. This could happen to any custom class.

Although I can use inline styles or !important to fix this issue, I believe that using a class to provide the style is better practice. Furthermore, even without any font settings, the element would still inherit the style.

ronny1020 avatar May 09 '23 09:05 ronny1020

The component uses overlapping textarea and pre elements to implement code highlighting. If the fonts are inconsistent, it may cause shadowing issues.

@ronny1020

jaywcjlove avatar May 09 '23 15:05 jaywcjlove

Thanks for your reply. I understand that the code is currently using overlapping. However, I think it should work adequately only to add the font-family: inherit to the textarea and the pre-element since they share the same parent.

ronny1020 avatar May 10 '23 03:05 ronny1020