code-input

code-input copied to clipboard

language attr and classes set to "none" in all cases

2

The language attribute is ignored regardless of what I set it to ("HTML", "html", "CSS", etc.) code-input.language is set to "none" pre and code classes both set to "language-none" The...

Devastatia

scroll does not occur on overflow

3

While the scrollbar appears it does not auto scroll and so the cursor goes offscreen. It would be nice to have a plugin to do this, so that the user...

WhyFenceCode

line numbers disappearing when text exceeds available space horizontally

1

When the text exceeds the available space horizontally while line numbers are enabled (using prism-line-numbers-plugin) a scrollbar appears for horizontal scrolling as intended. However when scrolling all the way back...

SimonFliegel

Create well-commented starter files for both highlight.js and Prism.js, in the README.

1

you asked for this @WebCoder49

WhyFenceCode

Very long lines of code become misaligned

5

 Reproduce this by copy-pasting the Google.com homepage into [Neattribute](https://github.com/WebCoder49/neattribute).

WebCoder49

Currently, to override code-input's default styles, `!important` is often needed. This is not obvious and should either be removed or well-documented. ```css code-input { margin: 100px!important; --padding: 100px!important; } ```

WebCoder49

Allow code-input to wrap lines

4

There should be an easy way to do this. `white-space: pre-wrap` doesn't seem to work.

WebCoder49

The `code-input` library should be able to be imported after page load. This has been a problem [here](https://github.com/THEOplayer/documentation/blob/refs%2Fheads%2Fmain/src%2Fcomponents%2FCodeInput%2Findex.tsx#L15-L16), fixed with a "hack".

WebCoder49

Allow single-line templates

1

- Using `input` instead of `textarea` - Like GitHub search bar, for use in similar contexts

WebCoder49

## My environment My work-in-progress WebCoder49/neattribute project, in MS Edge 125.0.2535.51 (Official build) (64-bit). ## Steps to reproduce * Use the FindAndReplace plugin, then Ctrl+F and type a word that...

WebCoder49