# Hide Scrollbars But Keep Functionality in a Kibana app plugin

**URL:** <https://discuss.elastic.co/t/hide-scrollbars-but-keep-functionality-in-a-kibana-app-plugin/229849>\
**Category:** Kibana\
**Created:** [April 26, 2020, 1:52pm UTC](https://discuss.elastic.co/t/hide-scrollbars-but-keep-functionality-in-a-kibana-app-plugin/229849 "2020-04-26T13:52:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nicolap](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nicolap/32/64933_2.png) [@Nicolap](https://discuss.elastic.co/u/Nicolap)\
**Post date:** [April 26, 2020, 1:52pm UTC](https://discuss.elastic.co/t/hide-scrollbars-but-keep-functionality-in-a-kibana-app-plugin/229849/1 "2020-04-26T13:52:14Z")

</div>

Hi there,

In a Kibana app plugin I need to hide the vertical scrollbar, but keep functionality..

I tryed with the following CSS code, but It doesn't works:

```auto
/* Hide scrollbar for Chrome, Safari and Opera */

.app-wrapper::-webkit-scrollbar {

  display: none;

}

/* Hide scrollbar for IE and Edge */

.app-wrapper {

  -ms-overflow-style: none;

}

```

Any suggestions?

Thanks in advance,  
Nicola

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [April 30, 2020, 2:54pm UTC](https://discuss.elastic.co/t/hide-scrollbars-but-keep-functionality-in-a-kibana-app-plugin/229849/2 "2020-04-30T14:54:40Z")

</div>

Hi

It's not the scrollbar of .app-wrapper that is displayed, it's the one of body, but since it doesn't make sense to hide the global scrollbars, you could use a wrapper in your plugin, scale it to use the available screen space, and hide the scroller there

Best,  
Matthias

---

<div class="post-metadata">

**Author:** ![Nicolap](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nicolap/32/64933_2.png) [@Nicolap](https://discuss.elastic.co/u/Nicolap)\
**Post date:** [May 3, 2020, 3:49pm UTC](https://discuss.elastic.co/t/hide-scrollbars-but-keep-functionality-in-a-kibana-app-plugin/229849/3 "2020-05-03T15:49:46Z")

</div>

Thanks @matw,

I followed your suggestion.  
The problem was in some css class inside the body.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [May 31, 2020, 3:50pm UTC](https://discuss.elastic.co/t/hide-scrollbars-but-keep-functionality-in-a-kibana-app-plugin/229849/4 "2020-05-31T15:50:07Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.