# D2 display problems on iOS

**URL:** <https://discourse.nodered.org/t/d2-display-problems-on-ios/89253>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [4 July 2024 07:17 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253 "2024-07-04T07:17:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 July 2024 07:17 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253/1 "2024-07-04T07:17:41Z")

</div>

I have had a [report](https://github.com/colinl/node-red-dashboard-2-ui-gauge-classic/issues/5) of display problems using [@colinl/node-red-dashboard-2-ui-gauge-classic](https://flows.nodered.org/node/@colinl/node-red-dashboard-2-ui-gauge-classic) when viewed on iOS. The CSS appears not to be working correctly with Chrome and Firefox on iOS whereas the same node-red server viewed from a PC shows correctly.

I knew that Safari can cause problems, but I don't remember hearing of problems with Chrome. Has anyone got any suggestions? If further info is required from the reporter it might be best to ask on the issue and then I can report back here if a conclusion is reached.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [4 July 2024 07:24 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253/2 "2024-07-04T07:24:01Z")

</div>

> [@Colin](#):
>
> I knew that Safari can cause problems, but I don't remember hearing of problems with Chrome.

iOS forces chrome (and ALL browsers) to use webkit (i.e. safaris rendering engine) under the hood.

Though this is changing in the EU due to legislation (not sure of the current state of affairs)

So it is very likely the user is still (effectively) using safari.

PS: I do not own or use any apple kit so cannot comment further.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [4 July 2024 08:58 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253/3 "2024-07-04T08:58:41Z")

</div>

Also worth noting that older versions of iOS have some IE-like "inconsistencies" with W3C standards, especially around CSS. ☹

Not sure whether there are any online checkers that can help?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 July 2024 10:22 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253/4 "2024-07-04T10:22:48Z")

</div>

Thanks @TotallyInformation and @Steve-Mcl, following a suggestion from @hotNipi I have tweaked the CSS and re-released. Whether this has helped remains to be seen.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [13 July 2024 19:30 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253/5 "2024-07-13T19:30:40Z")

</div>

For the record, @hotNipi produced some tweaked CSS which has fixed this in release 1.1.4

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [12 August 2024 19:30 UTC](https://discourse.nodered.org/t/d2-display-problems-on-ios/89253/6 "2024-08-12T19:30:59Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.