Not all of accordion panel is clickable

[liammulh]

Test Device

MacBook Air

Operating System

macOS 10.15.7

Browser

Chrome 87.0.4280.141

Problem Description

For https://github.com/phetsims/QA/issues/599. I think sims normally have the whole panel clickable. See the gifs below.

Visuals

In Collision Lab:

In Published Gas Properties:

Troubleshooting Information

!!!!! DO NOT EDIT !!!!! Name: ‪Collision Lab‬ URL: https://phet-dev.colorado.edu/html/collision-lab/1.1.0-rc.1/phet/collision-lab_en_phet.html Version: 1.1.0-rc.1 2021-01-20 01:05:28 UTC Features missing: applicationcache, applicationcache, touch User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36 Language: en-US Window: 1200x777 Pixel Ratio: 1/1 WebGL: WebGL 1.0 (OpenGL ES 2.0 Chromium) GLSL: WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium) Vendor: WebKit (WebKit WebGL) Vertex: attribs: 16 varying: 15 uniform: 1024 Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 80) Max viewport: 16384x16384 OES_texture_float: true Dependencies JSON: {}

[arouinfar]

Nice find @muedli!

This looks like an issue in sun. If I open GasProps in master, the only way to open/close the AccordionBox is by clicking on the ExpandCollapseButton.

[zepumph]

Noting that this is likely the same as https://github.com/phetsims/ratio-and-proportion/issues/88. I'll promote to a common-code issue.

[jonathanolson]

This should have been fixed in master and on the branch, marking for QA verification.

[DevonQui]

This has been fixed. In all four sections of the simulation, the user is able to click anywhere on the accordion panels to open them. Closing.