question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Got an error when trying to configure editor with scrollbarStyle - "simple" option

See original GitHub issue

Hello, I want to customize code editor scrollbars, like it is shown in this demo: scrollbar demo But I got an error when trying to pass scrollbarStyle option with value “simple”: przechwytywanie

My code looks like:

import 'codemirror/addon/scroll/simplescrollbars';
import CodeMirror from 'codemirror'
//... somewhere deeper
const editor = CodeMirror(this.refs.root, {
      scrollbarStyle: 'simple',
      //... other options
    })

If I correctly understand that addon script should add configurable through css scrollbar component. But I see from sources that “initScrollbars” function uses “scrollbarModel” which doesn’t have “simple” key and it doesn’t have any relation with “CodeMirror.scrollbarModel.simple” which is defined in “simplescrollbars.js”, so that probably causes problem here, correct me if I’m not right.

Need some help with that, thanks.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
will-russellcommented, Oct 12, 2017

@LetItRock Did you find a resolution for this when using in webpack (2.0)?

0reactions
jesusvimletcommented, Jan 26, 2018

Same issue for me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Got an error when trying to configure editor with scrollbarStyle ...
Hello, I want to customize code editor scrollbars, like it is shown in this demo: scrollbar demo But I got an error when...
Read more >
Github CD pipeline crashes with codemirror - Stack Overflow
I am trying to use codemirror with react, The build is successful in ... ...settings }; const options = { screenReaderLabel: "Code editor", ......
Read more >
::-webkit-scrollbar - CSS: Cascading Style Sheets | MDN
The ::-webkit-scrollbar CSS pseudo-element affects the style of an element's scrollbar when it has overflow:scroll; set.
Read more >
CodeMirror 5 User Manual
User manual and reference guide version 5.65.11. CodeMirror is a code-editor component that can be embedded in Web pages. The core library provides...
Read more >
Scroll bar map mode and bar mode - Visual Studio (Windows)
changes; marks; errors; caret position. Tip. The Show marks option includes breakpoints and bookmarks. Try it out by opening a large code ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found