# \[Bug-15540, Bug-16737\]Slider handle doesn't work correctly with mouse in flex container

**URL:** <https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191>\
**Category:** Ignition Early Access\
**Created:** [November 23, 2019, 11:49am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191 "2019-11-23T11:49:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [November 23, 2019, 11:49am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/1 "2019-11-23T11:49:54Z")

</div>

Hello,  
The slider component handle doesn’t work with mouse when the slider sit inside the flex container.  
This behavior show itself specially when the width of flex is large.  
The interesting part is it work in designer in preview mode and also touch screen devices.  
https:/uploads/iatesting/original/2X/7/706dedbca73215fd596b18c4d86b2ca364f5cf1d.mp4

---

<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:** [November 25, 2019, 3:17pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/2 "2019-11-25T15:17:12Z")

</div>

What version of Ignition are you using? There was a known issue for a short while in the nightlies where Sliders in Flex Containers exhibited this behavior, but it was fixed for 8.0.6 stable release.

I notice that the video does not show content to the left of the Slider. The bug I referenced had to do with Sliders ignoring their flexed position, so interaction was done as a percentage from the origin of the Flex Container, as opposed to the origin of the Slider. If you have another component in the same Flex Container and BEFORE (to the left if the Flex Container is using the “row” direction) the Slider, I suspect you’re encountering the resolved issue.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [November 25, 2019, 5:15pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/3 "2019-11-25T17:15:42Z")

</div>

I use 8.0.6 but I test it in 8.0.7 new release and see this in it.  
You are exactly right. When the flex in it’s original size which very small width the slider works correctly but when I maximize broswer there is offset between mouse handler and slider point.

I put slider alone in flex. There is no other object in flex.  
I also put slider in coordinate container and put container in flex and see this bug again.

Could you please make tickets to fix this?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [November 26, 2019, 6:06pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/4 "2019-11-26T18:06:06Z")

</div>

I find something interesting. The flex show this bug when my left side dock menu appear and the offset of mouse is equal to dock menu.

---

<div class="post-metadata">

**Author:** ![manuok](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@manuok](https://forum.inductiveautomation.com/u/manuok)\
**Post date:** [November 29, 2019, 7:29am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/5 "2019-11-29T07:29:30Z")

</div>

We use Ignition version 8.0.7. and have ran into the same problem with the slider component.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [November 29, 2019, 7:43am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/6 "2019-11-29T07:43:32Z")

</div>

temperately disable the right dock and it works. The dock menu cause flex show this problem.

---

<div class="post-metadata">

**Author:** ![Janne](https://avatars.discourse-cdn.com/v4/letter/j/f19dbf/32.png) [@Janne](https://forum.inductiveautomation.com/u/Janne)\
**Post date:** [December 17, 2019, 11:19am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/7 "2019-12-17T11:19:40Z")

</div>

Has IA made a fix for this yet?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 17, 2019, 11:42am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/8 "2019-12-17T11:42:53Z")

</div>

No, not yet.  
If you want you can make your dock view cover the main view and that fix it.

---

<div class="post-metadata">

**Author:** ![Janne](https://avatars.discourse-cdn.com/v4/letter/j/f19dbf/32.png) [@Janne](https://forum.inductiveautomation.com/u/Janne)\
**Post date:** [December 17, 2019, 2:57pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/9 "2019-12-17T14:57:17Z")

</div>

In our case it is not suitable solution, causes other problems. Is there a real bug report made about this to IA?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 17, 2019, 3:44pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/10 "2019-12-17T15:44:36Z")

</div>

Don’t think so, if it is done it should fix in 8.0.7 release.

---

<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:** [December 17, 2019, 3:49pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/11 "2019-12-17T15:49:54Z")

</div>

@Janne there is a fix going through QA right now, which should see its way into the nightlies soon, and should be a part of the 8.0.8 release. If you look at the Thread title, you can see that we’ve affixed a Bug Ticket designation to the beginning of the title; this is how we designate that a forum thread (in the Ignition 8 Early Access category) has had a ticket opened for it.

---

<div class="post-metadata">

**Author:** ![Janne](https://avatars.discourse-cdn.com/v4/letter/j/f19dbf/32.png) [@Janne](https://forum.inductiveautomation.com/u/Janne)\
**Post date:** [December 17, 2019, 7:18pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/12 "2019-12-17T19:18:01Z")

</div>

Ok, thanks for the info

---

<div class="post-metadata">

**Author:** ![steven.hodge](https://avatars.discourse-cdn.com/v4/letter/s/bcef8e/32.png) [@steven.hodge](https://forum.inductiveautomation.com/u/steven.hodge)\
**Post date:** [March 9, 2020, 6:15pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/13 "2020-03-09T18:15:55Z")

</div>

I’m still seeing this problem in 8.0.9 stable. It didn’t present until we updated the gateway from 8.0.3, FYI.

---

<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:** [March 9, 2020, 7:45pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/14 "2020-03-09T19:45:34Z")

</div>

Could you describe the View you are encountering this in? Could you provide the view.json for the View?

---

<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:** [March 9, 2020, 10:11pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/15 "2020-03-09T22:11:36Z")

</div>

Split this topic on March 9, 2020, 10:11pm UTC

A post was split to a new topic: [[Bug-16155]Slider Handle Offset From Cursor In Flex Popup](https://forum.inductiveautomation.com/t/bug-16155-slider-handle-offset-from-cursor-in-flex-popup/32950)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 4, 2020, 12:54pm UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/16 "2020-07-04T12:54:32Z")

</div>

Hi  
I use slider in flex container in popup in v 8.0.12 and again I see the offset bug in slider.

---

<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:** [July 5, 2020, 12:23am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/17 "2020-07-05T00:23:36Z")

</div>

We haven’t encountered anything similar in 8.0.15, which at this point is all this category should include. If you want to supply your View I’ll try to replicate the issue in 8.0.15. The component underwent a substantial re-work since 8.0.12, so what I’m using would be almost totally different from what you’re using.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 5, 2020, 12:32am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/18 "2020-07-05T00:32:33Z")

</div>

Thanks. Here my view.  
[TOTAL\_2020-07-05\_0500.zip](https://forum.inductiveautomation.com/uploads/short-url/5BZJU67HmvLKPKYqK8tRlSOBsNT.zip) (16.0 KB)

---

<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:** [July 5, 2020, 1:15am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/19 "2020-07-05T01:15:41Z")

</div>

That View has no issues once I remove the faulted bindings. If you upgrade to 8.0.15 and continue to experience issues, I would examine your bindings. Also, make sure your step binding never evaluates to null or 0.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [July 5, 2020, 6:23am UTC](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191/20 "2020-07-05T06:23:52Z")

</div>

Thanks did you put the view in a popup?  
I only see this problem when I use the view in popup. The dock and main view doesn’t have any problem

[Next page](https://forum.inductiveautomation.com/t/bug-15540-bug-16737-slider-handle-doesnt-work-correctly-with-mouse-in-flex-container/30191.md?page=2)
