Evaluate Safari bug for in PhET's published simulations

[kathy-phet]

Please do a quick check of published simulations at phet.colorado.edu, and look for the Safari bug (in Safari 16). This bug was seen in Geometric Optics (https://github.com/phetsims/scenery/issues/1503), Mean Share and Balance (https://github.com/phetsims/mean-share-and-balance/issues/122) and Gravity and Orbits (https://github.com/phetsims/gravity-and-orbits/issues/435).

Please test and answer the following questions:

• Is there an artifact seen in the published sim?
• Is there an artifact seen now on master? (e.g. did JO's fixes fix it on master).

@jonathanolson - Which sims are most likely to exhibit artifacts?

• [ ] Acid-Base Solutions
• [ ] Area Builder
• [ ] Area Model Algebra
• [ ] Area Model Decimals
• [ ] Area Model Introduction
• [ ] Area Model Multiplication
• [ ] Arithmetic
• [ ] Atomic Interactions
• [ ] Balancing Act
• [ ] Balancing Chemical Equations
• [ ] Balloons and Static Electricity
• [ ] Beer's Law Lab
• [ ] Bending Light
• [ ] Blackbody Spectrum
• [ ] Build a Fraction
• [ ] Build a Molecule
• [ ] Build a Nucleus
• [ ] Build an Atom
• [ ] Capacitor Lab: Basics
• [ ] Center and Variability
• [ ] Charges and Fields
• [ ] Circuit Construction Kit: AC
• [ ] Circuit Construction Kit: AC - Virtual Lab
• [ ] Circuit Construction Kit: DC
• [ ] Circuit Construction Kit: DC - Virtual Lab
• [ ] Collision Lab
• [ ] Color Vision
• [ ] Concentration
• [ ] Coulomb's Law
• [ ] Curve Fitting
• [ ] Density
• [ ] Diffusion
• [ ] Energy Forms and Changes
• [ ] Energy Skate Park
• [ ] Energy Skate Park: Basics
• [ ] Equality Explorer
• [ ] Equality Explorer: Basics
• [ ] Equality Explorer: Two Variables
• [ ] Expression Exchange
• [ ] Faraday's Law
• [ ] Forces and Motion: Basics
• [ ] Fourier: Making Waves
• [ ] Fraction Matcher
• [ ] Fractions: Equality
• [ ] Fractions: Intro
• [ ] Fractions: Mixed Numbers
• [ ] Friction
• [ ] Function Builder
• [ ] Function Builder: Basics
• [ ] Gas Properties
• [ ] Gases Intro
• [ ] Gene Expression Essentials
• [ ] Geometric Optics
• [ ] Graphing Lines
• [ ] Graphing Quadratics
• [ ] Graphing Slope-Intercept
• [ ] Gravity and Orbits
• [ ] Gravity Force Lab
• [ ] Gravity Force Lab: Basics
• [ ] Greenhouse Effect
• [ ] Hooke's Law
• [ ] Isotopes and Atomic Mass
• [ ] John Travoltage
• [ ] Least-Squares Regression
• [ ] Make a Ten
• [ ] Masses and Springs
• [ ] Masses and Springs: Basics
• [ ] Molarity
• [ ] Molecule Polarity
• [ ] Molecule Shapes
• [ ] Molecule Shapes: Basics
• [ ] Molecules and Light
• [ ] Natural Selection
• [ ] Neuron
• [ ] Normal Modes
• [ ] Number Line: Distance
• [ ] Number Line: Integers
• [ ] Number Line: Operations
• [ ] Number Play
• [x] Ohm's Law
• [x] Pendulum Lab
• [x] pH Scale
• [ ] pH Scale: Basics
• [x] Plinko Probability
• [x] Projectile Motion
• [x] Proportion Playground
• [x] Ratio and Proportion
• [x] Reactants, Products and Leftovers
• [x] Resistance in a Wire
• [x] Rutherford Scattering
• [x] States of Matter
• [x] States of Matter: Basics
• [x] Trig Tour
• [x] Under Pressure
• [x] Unit Rates
• [x] Vector Addition
• [x] Vector Addition: Equations
• [x] Wave Interference
• [x] Wave on a String
• [x] Waves Intro

[Nancy-Salpepi]

in published waves intro, I see an artifact in the graph on the Water screen that is fixed in master.

[Nancy-Salpepi]

Artifacts in trig tour still seen on master:

Steps: slowly move red point on the circle--completing more than one 360 degree rotation.

[jonathanolson]

I'm able to reproduce the trig tour bug, and I should be able to narrow it down quickly (it seems to be present when I take a snapshot of the SVG)

[Nancy-Salpepi]

I also see one with States of Matter that is still present on master:

[Nancy-Salpepi]

Resistance in a Wire also showing artifacts on master

To reproduce--adjust the Area.

[jonathanolson]

Trig tour case is buggy with no workaround known yet. The clip area is showing the same issue, so it's leaking through some of the background (in this case, I'm showing the background at 0.1 opacity):

Minimum reproducible example below (with the spiral image redacted, since it puts over character limits):

```html ```

[jonathanolson]

It's showing up... with ?rootRenderer=canvas, with things confirmed as rendering in Canvas.

[Nancy-Salpepi]

Artifacts in Projectile Motion on the Vectors screen look fixed on master.

[Nancy-Salpepi]

Artifacts on the Lab screen of Pendulum Lab and in Ohm's Law also look fixed on master

[jonathanolson]

Buggy case in Safari's technology preview too.

<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Bug example</title>
</head>

<body style="background-color: white;">
  <svg width="1012" height="816">
    <defs>
      <clipPath id="clip" clipPathUnits="userSpaceOnUse">
        <path
            d="M -13.41536647912858271070 -48.37424875107316069034 A 51.77079632679519249905 51.77079632679519249905 0 1 0 14.25492059817330492422 51.40158310364876825815 A 54.91238898038498206233 54.91238898038498206233 0 1 0 -15.09447471721803069045 -54.42891745622437582597 Z"></path>
      </clipPath>
    </defs>
    <g transform="matrix(0.98828125000000000000,0,0,0.98828125000000000000,100,100)" clip-path="url(#clip)">
      <image x="-500px" y="-500px" width="1155px" height="1164px"
             xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAABNJREFUCB1jZGBg+A/EDEwgAgQADigBA//q6GsAAAAASUVORK5CYII%3D"></image>
    </g>
  </svg>
</body>
</html>

[jonathanolson]

Some of the bugs look related to https://bugs.webkit.org/show_bug.cgi?id=114579.

[kathy-phet]

@jonathanolson - What is your recommendation here? Is this something we should work around? Or is this a bug we report and on Safari to fix? Or both?

[kathy-phet]

@Nancy-Salpepi - Please test on iPads/iPhones. Thanks!

[Nancy-Salpepi]

The artifacts seen on master with the mac + safari for Trig Tour, States of Matter and Resistance in a Wire are also seen on the iPad 9th generation with iPadOS 16. In order to see them on the iPad, you need to be zoomed in first.

@jonathanolson did you also want me to look at the sims that are fixed on master but show artifacts in published?

[Nancy-Salpepi]

I will go back and take a look at the sims with issues tomorrow using mac/iPad + chrome.

[Nancy-Salpepi]

I do see the same artifacts I reported earlier using iPadOS 16 and Chrome as well--Trig Tour, States of Matter, and Resistance in a Wire have artifacts on master. I don't see artifacts on States of Matter published because I can't zoom in. I see the artifacts for Waves intro and Projectile motion on published but not on master.

I don't see any issues with mac + chrome.

[kathy-phet]

Testing on this is sufficient. We've done what we will do for now. Closing this test issue.