question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TypeError: undefined is not a function error for iOS devices with Retina displays on 1.18.3

See original GitHub issue

Describe the bug The same error that was described in issue https://github.com/matteobruni/tsparticles/issues/84 is still occurring on version 1.18.3. Desktop (including macOS with Retina display) and Android browsers seem to behave correctly, but iPhone and iPad on both Chrome and Safari will show the error exactly on this line https://github.com/matteobruni/tsparticles/blob/7784898e703dc04ae5b7cf7d69a9fb18baece16c/core/main/src/Core/Retina.ts#L51-L56

To Reproduce Steps to reproduce the behavior:

  1. create a react app that imports react-tsparticles@1.18.3
  2. copy the particle options from this example https://codepen.io/matteobruni/pen/BaoZBZy
  3. start a development server
  4. access the development server from an iOS device
  5. see the error

Expected behavior The polygon mask particle effect should be correctly displayed

Screenshots

IMG_0607 IMG_0605 IMG_0174

Smartphone (please complete the following information):

  • Device: iPhone, iPad
  • OS: iOS 13
  • Browser Safari, Chrome

Additional context As you can see from the screenshot, I have tested from both the template (manually updated the package to be 1.18.3) app and the website I was working on (made with Gatsby), on the same package version. I was only able to test this using react. Additionally, the web application that is deployed on a remote server is showing the same issue as well, albeit with a white blank screen right before the particle load instead of any error messages.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
felipefacommented, Nov 3, 2020

Yes, it’s all working now.

Thank you very much!

1reaction
matteobrunicommented, Nov 3, 2020

I’m releasing the version 1.18.10 that could fix this issue, this version will be released very soon, let me know if that version fixes this issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

TypeError: Undefined is not a function. iOS Safari Evaluating ...
I'm getting an error on iOS safari when trying to evaluate if there is a ... includes string method is a part of...
Read more >
TypeError: 'undefined' is not a function - Apple Community
Hello everybody ! I try to create a blog with iweb 09 but when i try to see it with safari it tell...
Read more >
Conjecture Regarding the Precise Details of the iPhone D22 ...
One of those things is that the new edge-to-edge iPhone is codenamed D22, and that the OS explicitly supports an iPhone display with...
Read more >
Apple iPad mini with Retina display - Support Overview | Verizon
Find the best way to transfer your pictures, videos, contacts and other content from one device to another. See step-by-step instructions for devices...
Read more >
View at original size differs between Pixelmator Pro and Preview
If you create an image with 144dpi it will be displayed in Pixelmator Pro and ... versions are not optimized for Retina displays,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found