"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
Node-red Dashboard ui-template not able to send message/payload General node-red-dashboard	3	125	8 June 2024

"only on release" slider does not generate messages

Related topics