phetsims / center-and-variability

"Center and Variability" is an educational simulation in HTML5, by PhET Interactive Simulations.
GNU General Public License v3.0
1 stars 2 forks source link

Tabbing not working as expected in Safari #577

Closed marlitas closed 1 year ago

marlitas commented 1 year ago

@catherinecarter reported in issue https://github.com/phetsims/center-and-variability/issues/576 that tabbing was not working in Safari. It only navigates to one element in the screen view and that's it.

https://github.com/phetsims/center-and-variability/assets/109630002/c1b154fc-18f4-4766-b306-0606e63db0f8

I was not able to recreate this on my machine. I have not updated to Sonoma 14.0, but @catherinecarter has. We are curious if this might be the reason. Below is the information from @catherinecarter's machine:

Name: ‪Center and Variability‬ URL: https://bayes.colorado.edu/dev/phettest/center-and-variability/center-and-variability_en.html?ea&brand=phet Version: 1.1.0-dev.16 (unbuilt) Features missing: applicationcache, applicationcache, touch Flags: pixelRatioScaling User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15 Language: en-US Window: 1512x819 Pixel Ratio: 2/1 WebGL: WebGL 1.0 GLSL: WebGL GLSL ES 1.0 (1.0) Vendor: WebKit (WebKit WebGL) Vertex: attribs: 16 varying: 30 uniform: 1024 Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32) Max viewport: 16384x16384 OES_texture_float: true Dependencies JSON: {}

marlitas commented 1 year ago

@catherinecarter and I continued testing this with other sims and found that alternative input is not working on the published versions of Balloons and Static Electricity as well as Friction. This confirms to me that it is a Safari issue that is affecting all simulations, both published and un-published.

marlitas commented 1 year ago

@jessegreenberg responded on slack:

Hey there - can you make sure that alt input is enabled on the machine where you are seeing this? https://www.seanmcp.com/articles/tab-focus-not-working-in-safari/ SeanMcP.comSeanMcP.com Tab focus not working in Safari? For some unknown reason, you need to enable tab highlighting in the browser's settings.

That was indeed the problem and the issue seems to be fixed once that option was enabled on @catherinecarter's machine.