Node-red-contrib-ui-artless-gauge - issue with iphone safari

Hello All, especially the creator of this fantastic node @hotNipi .

I am using iphone safari, and it cannot present a page with 9 of this very nice gauges.

With all the other browsers, safari desktop included it works perfectly.

Any sugestion?
Kind regards

Sad sad sad. :astonished:

If anybody is able to debug iphone safari (iphone - usb - mac - safari developer tools) and point me the out something, it would make it probably fixed faster.
Otherwise it needs to wait until they let us back to offices :mask: where I have equipment available to do tests by myself.

@JoseGodinho can you grab a screenshot to show the problem.

I get nine showing up fine


@JoseGodinho can you provide your flow? Better yet, create a flow with a couple injct nodes snding to your guages and provide that flow.

I have reported following case:
I was using the 'artless-gauge' and it runs fine when browsing from my Laptop, but from Android Phone Browsers (Firefox and Brave) or iPad (Firefox, Brave and Safari), the page does not load when selected and I cannot browse away from it to get back to a 'good page'.

create Radial Gauge - no frills - OK
copied gauge - both OK
modified first gauge 3 thresholds added - OK
copied first gauge OK as Radial
changed to Linear - Browser tab stalled!
deleted linear gauge - all OK

It would be nice if somebody can confirm or found something similar ...

Can you send me your flow and I'll test it?
not sure what you mean by modified first gauge 3 thresholds added - OK

@JoseGodinho what version of iOS are you running? What type of iPhone?

For first gauge (what was initially grabbed from palette area) modify ranges.
image

The other gauge is copied from first. (Don't know if it makes any difference, but this is the description of steps how it was reproduced)

can't reproduce it on my iPhone 6 iOS v12.4.6

1 Like

Hard to say if it is good or bad news :upside_down_face:

1 Like

It is now recommended to update artless-gauge to version 0.1.36

Hello
Node red 1.06
dashboarb 2.22.1
arteless-gauge - Ver 0.1.36
Ios 13.3.1
iphone 8

And the issue is similar " the page does not load when selected and I cannot browse away from it to get back to a 'good page'"

Thank you
JLG

this the page that i cannot load

Do following:
At the bottom of gauge configuration page is button where you can disable the node.
image

Disable gauges one by one
Check browser behavior every time is the issue still exist.
Let's see if there is count of gauges limited somehow.

I haven’t used your node before, but I do have an iphone 8 running ios 13.4 ready for debugging use. Can someone put together a sample flow, I’m willing to do the debugging here.

Here is simple flow

[{"id":"4fb40438.f7d26c","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"65114ca0.9cfb84","order":0,"width":"3","height":"3","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"radial","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":360,"wires":[]},{"id":"41841991.075ce8","type":"inject","z":"b633308d.4a91a","name":"","topic":"","payload":"","payloadType":"date","repeat":"2","crontab":"","once":false,"onceDelay":0.1,"x":230,"y":420,"wires":[["16bac231.fef65e"]]},{"id":"16bac231.fef65e","type":"function","z":"b633308d.4a91a","name":"random","func":"msg.payload = (Math.random()*10) - 5\nreturn msg;","outputs":1,"noerr":0,"x":390,"y":420,"wires":[["4fb40438.f7d26c","b22518b1.c34678","8faf226e.541f1","21151c3a.1d5ae4","562795f1.e5d24c","c9f29994.323e68"]]},{"id":"b22518b1.c34678","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"65114ca0.9cfb84","order":0,"width":"3","height":"3","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"radial","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":400,"wires":[]},{"id":"8faf226e.541f1","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"65114ca0.9cfb84","order":0,"width":"3","height":"3","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"radial","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":440,"wires":[]},{"id":"21151c3a.1d5ae4","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"65114ca0.9cfb84","order":0,"width":"3","height":"3","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"radial","decimals":"2","differential":false,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":480,"wires":[]},{"id":"562795f1.e5d24c","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"65114ca0.9cfb84","order":0,"width":"3","height":"3","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"radial","decimals":"2","differential":false,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":520,"wires":[]},{"id":"c9f29994.323e68","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"65114ca0.9cfb84","order":0,"width":"3","height":"3","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"radial","decimals":"2","differential":false,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":560,"wires":[]},{"id":"234478a2.c9b448","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"c70aec2a.fac3d","order":0,"width":"0","height":"0","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"linear","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":620,"wires":[]},{"id":"aff4058.cf1ddf8","type":"inject","z":"b633308d.4a91a","name":"","topic":"","payload":"","payloadType":"date","repeat":"3","crontab":"","once":false,"onceDelay":0.1,"x":230,"y":680,"wires":[["60b6fc92.baea74"]]},{"id":"60b6fc92.baea74","type":"function","z":"b633308d.4a91a","name":"random","func":"msg.payload = (Math.random()*10) - 5\nreturn msg;","outputs":1,"noerr":0,"x":390,"y":680,"wires":[["234478a2.c9b448","6d68f60e.d596e8","ffa527e4.f6b1e8","fab184d0.fd8738","61f6c6ca.62d7c8","eb4504e0.18d178"]]},{"id":"6d68f60e.d596e8","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"c70aec2a.fac3d","order":0,"width":"0","height":"0","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"linear","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":660,"wires":[]},{"id":"ffa527e4.f6b1e8","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"c70aec2a.fac3d","order":0,"width":"0","height":"0","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"linear","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":700,"wires":[]},{"id":"fab184d0.fd8738","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"c70aec2a.fac3d","order":0,"width":"0","height":"0","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"linear","decimals":"2","differential":false,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":740,"wires":[]},{"id":"61f6c6ca.62d7c8","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"c70aec2a.fac3d","order":0,"width":"0","height":"0","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"linear","decimals":"2","differential":false,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":780,"wires":[]},{"id":"eb4504e0.18d178","type":"ui_artlessgauge","z":"b633308d.4a91a","group":"c70aec2a.fac3d","order":0,"width":"0","height":"0","name":"","icon":"fa-home","label":"Test Gauge","unit":"","layout":"linear","decimals":"2","differential":false,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":-5,"col":"#ff9900","t":"min","dot":0},{"val":0,"col":"#ff6666","t":"sec","dot":0},{"val":5,"col":"#ff6666","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":600,"y":820,"wires":[]},{"id":"65114ca0.9cfb84","type":"ui_group","z":"","name":"Radial","tab":"a312b541.6c3e78","order":1,"disp":true,"width":"6","collapse":false},{"id":"c70aec2a.fac3d","type":"ui_group","z":"","name":"Linear","tab":"a312b541.6c3e78","order":2,"disp":true,"width":"6","collapse":false},{"id":"a312b541.6c3e78","type":"ui_tab","z":"","name":"Desktop default","icon":"dashboard","disabled":false,"hidden":false}]

Question 1: is the count of gauges limited somehow by browser

I’ll hook it up to my laptop in a bit :ok_hand:

Hello

I disable one by one until I got it working,

removed the ones under the cross, and it works

Inkedimage_LI

And what will happen if you make them active again? One by one

How many updates are being send to those you just deactivated? Like, how many times did they have to update the values every minute?

Can confirm, iPhone 8, iOS 13.4, with the above version numbers. Page doesn't fully load, slows down, and the back/next and share buttons on the screen don't work. I can switch to different tabs, and close the tab. Safari on my macbook is now also having the same freezing behaviour after I set up development tools through my phone. I had to close out of the dashboard fully (by closing the tab) to get the development tools to finish opening. Will try this again and hoping to spot something.

Update: iOS 13 on an iPad with safari gives the same result, and opening it directly in Safari does too. 9 gauges is going fine, the 10th gauge the freezing starts, and development tools freeze too and not show anything. Debugging is absolutely useless this way.