# Hide FlexContainer Overflow/Scroll Bar, but keep ability to scroll (Perspective)

**URL:** <https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 7, 2023, 6:21pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194 "2023-04-07T18:21:48Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [April 7, 2023, 6:21pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/1 "2023-04-07T18:21:48Z")

</div>

As the title says, I'm trying to hide the scroll bar of a flex container but i want to retain the user's ability to scroll as if the overflow wasn't hidden. Apologies if this has been answered before, I wasn't able to find a solution. Thanks!

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 7, 2023, 6:49pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/2 "2023-04-07T18:49:43Z")

</div>

I'm sorry to say I'm not sure about how to hide the scroll bars, but this sounds like a bad idea anyway. Scroll bars exist to convey that an area can be scrolled; remove them, and you're only going to increase confusion.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [April 7, 2023, 6:55pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/3 "2023-04-07T18:55:14Z")

</div>

> [@cmallonee](#):
>
> sounds like a bad idea anyway

Normally I'd agree, but I've made it obvious in other ways that it's a scrollable area. The scroll bar just takes up real estate.

---

<div class="post-metadata">

**Author:** ![jpark](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@jpark](https://forum.inductiveautomation.com/u/jpark)\
**Post date:** [April 7, 2023, 7:35pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/4 "2023-04-07T19:35:23Z")

</div>

Put the following in the stylesheet.

```auto
::-webkit-scrollbar{
    display: none;
  }

```

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [April 7, 2023, 8:33pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/5 "2023-04-07T20:33:34Z")

</div>

Is there a way to only have this apply to one FlexContainer? I tried putting this in a style as shown below but it still applied globally (didn't even know this was possible)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/f/8f609eab6747eb5a602ccaef438e564a0bc45900.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 7, 2023, 9:11pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/6 "2023-04-07T21:11:58Z")

</div>

Follow this example: [Perspective - Numeric Input Value Component BUG? - #10 by cmallonee](https://forum.inductiveautomation.com/t/perspective-numeric-input-value-component-bug/35908/10)

You can omit the `input` piece of the selector.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [April 7, 2023, 9:54pm UTC](https://forum.inductiveautomation.com/t/hide-flexcontainer-overflow-scroll-bar-but-keep-ability-to-scroll-perspective/72194/7 "2023-04-07T21:54:57Z")

</div>

That did it, thanks!