# Label Component Creates Scroll Bar When not at view edge

**URL:** <https://forum.inductiveautomation.com/t/label-component-creates-scroll-bar-when-not-at-view-edge/58864>\
**Category:** Ignition\
**Created:** [April 26, 2022, 1:04pm UTC](https://forum.inductiveautomation.com/t/label-component-creates-scroll-bar-when-not-at-view-edge/58864 "2022-04-26T13:04:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nicholas.robinson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nicholas.robinson/32/22188_2.png) [@nicholas.robinson](https://forum.inductiveautomation.com/u/nicholas.robinson)\
**Post date:** [April 26, 2022, 1:04pm UTC](https://forum.inductiveautomation.com/t/label-component-creates-scroll-bar-when-not-at-view-edge/58864/1 "2022-04-26T13:04:26Z")

</div>

We use the label component to represent conveyors, in essence the color is changed to represent the conveyor state. The following is an issue I am seeing. I have tested this in 8.1.13 and 8.1.16.

When we have a conveyor in a coordinate view horizontally, it can be moved all the way to the edge of the view and not until it crosses the edge does a scroll bar appear, as follows:

**At the edge but not yet over**

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

**Across the edge a scroll bar appears as expected**

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/c/6c1627b92f3a21d114a8a3db4b715763a261b994.png)

However, when the label is rotated 90 degrees, it causes a scroll bar even when it is not pressed up against the edge. It is as if the label still take the horizontal space it did in the above photos.

**Even when not against the edge, a scroll bar appears**

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/be230a86e03097a872d6770bcfdc2775d1e1e961.png)

What want is to be able to push it right up against the edge if needed without having the scroll bar appear. Note that we have to use coordinate containers to do conveyor layouts.

Is there any work around for this?

Thanks,

Nick

---

<div class="post-metadata">

**Author:** ![nicholas.robinson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nicholas.robinson/32/22188_2.png) [@nicholas.robinson](https://forum.inductiveautomation.com/u/nicholas.robinson)\
**Post date:** [April 26, 2022, 1:38pm UTC](https://forum.inductiveautomation.com/t/label-component-creates-scroll-bar-when-not-at-view-edge/58864/2 "2022-04-26T13:38:08Z")

</div>

Answering my own question here, you have to add the overflow parameter under styles and set it to hidden.

I think overflow should be shown by default. It can be confusing when you have to add a parameter that you _think_ doesn’t exist. Same can be said of the style parameter “classes” in many places.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/97b67a151603754dca2442911eacf46b11078cee.png)

NIck

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 26, 2022, 1:39pm UTC](https://forum.inductiveautomation.com/t/label-component-creates-scroll-bar-when-not-at-view-edge/58864/3 "2022-04-26T13:39:17Z")

</div>

Here’s one possibility.

 ![Label conveyor](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/c/9c496103c0e37e02f2c451794bd32061ac89696e.png)

1. Don’t rotate the label. Adjust the aspect ratio instead (see 3).
2. Rotate the text instead. You can bind the height to `props.position.height’ to automate the fill background.
3. x & y will update as you reposition the conveyor. Swap the width and height values to get the same size as your original “unrotated” version.