Range input not working in tab with ion-nav-view

ionic-v1
1

Hi

Awesome framework guys! Keep it up!

I think I found a potential bug: Range sliders do not work (sliding is not working) when they are put in a template loaded in the following setup:

<ion-view>
    <ion-tabs class="tabs-positive tabs-icon-top">
        <ion-tab icon="ion-android-stopwatch" title="test" ui-sref="app.sub.test">
            <ion-nav-view name="tab-test"></ion-nav-view>
        </ion-tab>
   </ion-tabs>
</ion-view>

If the range slider is instead put inline:

<ion-tabs class="tabs-positive tabs-icon-top">
            <ion-tab icon="ion-android-stopwatch" title="test">
                <ion-view>
                    <ion-content>
                        <div class="range">
                            <i class="icon ion-volume-low"></i>
                            <input type="range" name="volume">
                            <i class="icon ion-volume-high"></i>
                        </div>
                    </ion-content>
                </ion-view>
            </ion-tab>
        </ion-tabs>

The dragging works perfectly fine. Might be a bug or an unsupported scenario.

-patrick

2

Check the solution proposed by @ArTiSTiX … works for me
SOLVED by ArTiSTiX