# How to hide the editor scroll bars

**URL:** <https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784>\
**Category:** General\
**Created:** [16 October 2019 17:55 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784 "2019-10-16T17:55:19Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [16 October 2019 17:55 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/1 "2019-10-16T17:55:19Z")

</div>

I have just installed the dark theme, how do I hide the editor scroll bars?

 ![editor](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/1/1f92ee5778ec4a76074459fdb190651acd575d1b.png)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 October 2019 18:04 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/2 "2019-10-16T18:04:34Z")

</div>

You cannot. Scrollbars are rendered by the browser and we have little to no control over them.

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [16 October 2019 18:08 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/3 "2019-10-16T18:08:17Z")

</div>

I asked because the themes npm page shows it without scroll bars:  
 ![dark](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/1/1182abee2a131acb7e238f56d22c16df30cdfc99.png)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [16 October 2019 18:09 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/4 "2019-10-16T18:09:10Z")

</div>

It’s a Mac 🙂

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [16 October 2019 18:10 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/5 "2019-10-16T18:10:16Z")

</div>

Ah, thanks Dave!

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [16 October 2019 18:34 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/6 "2019-10-16T18:34:31Z")

</div>

Enter the URL

chrome://flags/#overlay-scrollbars

It will take you to the Chrome experimental features, Click in the drop down.

By default it will be **disabled (set as default),** you need to **enable** it to hide the Scrollbar.

 ![nobars](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/56cd49f04836b8350969861eb6d1d317076340c2.png)

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [16 October 2019 20:32 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/7 "2019-10-16T20:32:01Z")

</div>

@knolleary, @dceejay  
Full screen mode. I am really happy with this now.

 ![fullscreen](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/1/18270bc318511b4d1b86305ed367a4015b921813.png)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [16 October 2019 21:07 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/8 "2019-10-16T21:07:15Z")

</div>

We're happy if you're happy 🙂

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [16 December 2019 13:20 UTC](https://discourse.nodered.org/t/how-to-hide-the-editor-scroll-bars/16784/9 "2019-12-16T13:20:24Z")

</div>

The above method doesn't work in the newest version of chrome.

Starting chrome with the following option works (for now)

/usr/bin/google-chrome-stable %U --enable-features=OverlayScrollbar,OverlayScrollbarFlashAfterAnyScrollUpdate,OverlayScrollbarFlashWhenMouseEnter