selection on currently line is not visible

[trusktr]

Hello! I get the same problem with these themes as here:

vadimdemedes/thememirror#8 (comment)

I cannot see the selection on the current line.

Is it related to that update that @marijnh mentioned there?

Here's what I see:

Screen.Recording.2023-11-25.at.3.49.10.AM.mov

(That's the Noctis Lilac theme)

[jaywcjlove]

@trusktr upgrade v4.21.21, I fixed this bug.

[Danish-Dsouza]

I am still running into this issue when using bbeditInit or githubLightInit and customizing the lineHighlight property.

here is the relevant output of npm list :

├── @uiw/codemirror-theme-bbedit@4.21.21 ├── @uiw/codemirror-theme-github@4.21.21 ├── @uiw/codemirror-theme-material@4.21.21 ├── @uiw/react-codemirror@4.21.21

[jaywcjlove]

@Danish-Dsouza It looks like the problem has been solved.

[Danish-Dsouza]

@jaywcjlove Maybe I am doing something wrong. Here is a screenshot of my editor. I have the first instance of single_employee selected, and you can see the match highlights.

Here is my code.

<CodeMirror
      height="auto"
      minHeight="50px"
      theme={bbeditInit({
        settings: {
          fontFamily: 'IBM Plex Mono',
          selection: '#CDE2F2',
          lineHighlight: '#FCFCFC',
          background: '#FFFFFF',
          gutterBackground: '#FFFFFF',
          caret: '#000000',
          gutterActiveForeground: '#000000',
          gutterForeground: '#8D8D8E',
          selectionMatch: '#CDE2F2',
        },
      })} 
// and more stuff unrelated to styling
/>

[jaywcjlove]

@trusktr lineHighlight must be a semi-transparent color value

https://codesandbox.io/p/sandbox/react-codemirror-example-codemirror-6-forked-cdfh7y?file=%2Fsrc%2FApp.js%3A9%2C29

[jaywcjlove]

- lineHighlight: '#FCFCFC',
+ lineHighlight: "#c7c7c76e",

[Danish-Dsouza]

- lineHighlight: '#FCFCFC',

+ lineHighlight: "#c7c7c76e",

D'oh, I will fix it! Thanks for the help and maintaining the library!