pfSense

This is more widespread than just IPsec P1s. It appears to affect any page that has field changes from Javascript, for instance also vpn_openvpn_server.php. It only happens with OS X and Chrome. Not seeing it with Safari, nor Chrome on Windows or Linux or any other browser on any other OS.

vpn_ipsec_phase1.php - If you edit it with AES 256 chosen, then select 3DES, it leaves the 256 box there initially. Then click back on the ealgo box, it blinks, and the ealgo_keylen box is hidden. Click 3DES again to close the ealgo box and it remains correctly hidden. Similar then if you change back to AES, initially there is no keylen box. Click ealgo and it blinks and the keylen box appears.
Similar if you switch from IKEv1 to v2 or vice-versa and look for the hide/show of 'Negotiation mode' field.

vpn_openvpn_server.php - for instance change the server mode between shared key and SSL/TLS modes and look for the appropriate Cryptographic Settings fields changing (or not). Same behavior as described for vpn_ipsec_phase1.php, if you click back in the box it blinks and sets the fields appropriately.

This issue is caused by the way Chrome handles "click" events bound to select inputs.

Changing the JQuery from "click" to "change" fixes the issue and works across all browsers. e.g.:

• $('#mode').click() => $('#mode').change()

The instances reported here have been updated. I'll check all other pages as time permits.

Applied in changeset fe68a6a2b28c897cb3a8f8fda452c25f649556f1.

works