"only on release" slider does not generate messages

tomek · 7 October 2019 06:00

Hello,

Whenever I use an "only on release" slider on a mobile device, it never sends a message on an actual release. It seems that mobile on-release action differs from the desktop on-release.

To reproduce:

create an on release slider
run chrome -> inspect -> choose "responsive" or one of the mobile devices
grab a slider and release it

N.B. The only way to get a message generated on a mobile device is to click on a slider without dragging it.

ukmoose · 7 October 2019 07:19

To reproduce, you would need to provide details of the versions of
node-red
nodejs
node-red-dashboard

tomek · 7 October 2019 07:23

hello,

"node-red": "0.20.8",
"node-red-dashboard": "2.16.3",
NODEJS_VERSION=10.15.0

Considering the code, I believe the mobile actions like onTouchEnd should be included over here:

github.com

node-red/node-red-dashboard/blob/master/src/components/ui-component/templates/slider.html#L34


        ng-if="me.item.outs==='end'"
        md-discrete
        flex="100"
        min="{{me.item.min}}"
        max="{{me.item.max}}"
        step="{{me.item.step}}"
        ng-model="me.item.value"
        aria-label="{{me.item.label}}"
        ng-change="me.mchange()"
        ng-mousedown="me.mdown()"
        ng-mouseleave="me.mleave()"
        style="z-index:1; touch-action:none; min-width:32px;"
        ng-style="(me.item.width >= me.item.height) && {'margin-top':'20px'};"
        ng-attr-md-vertical="{{ (me.item.width < me.item.height) || undefined}}"
        ng-attr-md-invert="{{ me.item.invert || undefined}}"
    ></md-slider>
    <p ng-hide="{{me.item.width >= me.item.height}}" class="label-v" ng-bind-html="me.item.getLabel()"></p>
</md-card>

Thanks,
Tomek.

dceejay · 7 October 2019 07:36

HI - a tested Pull request would be great . Thanks

Topic		Replies	Views
Node Slider Bug at 0.1 step only on release? Dashboard	5	816	16 January 2020
Slider issue on Android Chrome browser Dashboard	7	1456	12 August 2019
Possible bug on Slider with "output only on release" Dashboard	2	498	7 October 2019
Node-red-dashboard : ui_slider bug? Dashboard	4	562	29 March 2022
How to set Dashboard Slider to send one value on mouse release? Dashboard	18	6250	30 January 2020

"only on release" slider does not generate messages

Related topics