Text stroke + shadow looks bad on latest iOS

[followyouhome]

This Issue is about (pick one, ✏️ delete others)

• A bug in the API:
  • Phaser version(s): 2.6.2 on demo page, 3.20.1 on my private project
  • Live example: https://phaser.io/examples/v2/text/text-shadow-stroke
  • What steps produce the bug: Visit https://phaser.io/examples/v2/text/text-shadow-stroke with devices on iOS 12 and iOS 13
  • What should happen: iPhone 7 with iOS 12.3.1
  • What happens instead: iPhone X with iOS 13.1.2
  • If there's an error: no
• An error in the documentation: no
• An error in the TypeScript definitions: no

[PonyOny]

I'm having the same issue how did you fix this? I see you closed this issue, i'm only facing this shadow issue on IOS

Iphone 7, IOS: 13.3, tested in Chrome & Safari

[followyouhome]

@PonyOny oops, I closed it by mistake. Going to reopen it.

[0xf0f0f0]

@samme hi
Maybe i found a solution how to fix it on Iphone devices (something with shadowBlur && strokeText, i think it's Apple bug).
We can draw the first shadow layer for each letter, then reset shadow styles for stroke and draw strokeText, what do you think about it?

[samme]

@geekofcola can you make an example?

[0xf0f0f0]

@samme sure

[AnnaVeller]

Hey! Have you found a solution to this issue?