I have a problem when displaying text or background colours on a ui button on a iphone, so I have a simple button that changes colour from red to green when pressed, on Dashboard 2.9.8 the button works fine, press red changes to green press again changes to red, however on Dashboard 2.15.5 press red I get a washed out green colour (like the same as when you hover over the button) until you press somewhere else on a empty part of the screen , I tested this on Safari and google chrome on iphone / android phone ipad and android tablet all show the same issue. (On google chrome on a computer the issue is not present)
I suspect this has something to do with hover on 2.15.5 as hover was not present in 2.9.8
Please advise if theirs a solution thanks.
Here my simple flow that recreate the issue,
[{"id":"546a18ff.f353d8","type":"function","z":"8ca461ee.d26bc","name":"","func":"flow.set('but_1', flow.get('but_1')||'off');\n\nif(msg.payload==1 && flow.get('but_1')=='off'){\n flow.set('but_1','on');\n msg.color='green';\n node.status({text:flow.get('but_1')});\n return msg;\n}else\nif(msg.payload==1 && flow.get('but_1')=='on'){\n flow.set('but_1','off');\n msg.color='red';\n node.status({text:flow.get('but_1')}); \n return msg;\n}\n","outputs":1,"noerr":0,"x":1020,"y":90,"wires":[["2b716be7.9e7724"]]},{"id":"2b716be7.9e7724","type":"ui_button","z":"8ca461ee.d26bc","name":"","group":"198a6093.a44d2f","order":1,"width":"2","height":"1","passthru":false,"label":"button","color":"","bgcolor":"{{msg.color}}","icon":"","payload":"1","payloadType":"num","topic":"","x":880,"y":90,"wires":[["546a18ff.f353d8"]]},{"id":"198a6093.a44d2f","type":"ui_group","z":"","name":"test","tab":"6d090772.947768","order":1,"disp":false,"width":"2","collapse":false},{"id":"6d090772.947768","type":"ui_tab","z":"","name":"Load","icon":"fa-spinner","order":1}]