Description of problem: On Safari, Edge, "Show Less" flashes with clicked "Show More"; vice versa. See screen record. Firefox, Chrome don't have the issue. Version-Release number of selected component (if applicable): openshift v3.6.95 How reproducible: Always Steps to Reproduce: 1. After Service Catalog is deployed, customize the saas offering section to have more than 4 items by: $ cat saas-offering.js window.OPENSHIFT_CONSTANTS.SAAS_OFFERINGS.push( {id: 1, title: 'XXIA Example App 1', icon: 'fa fa-cubes', url: 'https://www.google.com', description: 'this is added by xxia'}) // snipped window.OPENSHIFT_CONSTANTS.SAAS_OFFERINGS.push( {id: 5, title: 'XXIA Example App 5', icon: 'fa fa-cubes', url: 'https://www.google.com', description: 'this is added by xxia'}) $ vi master-config.yaml ... assetConfig: extensionScripts: - saas-offering.js ... Then restart master service 2. On Safari or Edge, login to home page, check saas offering. Click "Show More", then click "Show Less" Actual results: 2. "Show More Show Less" flashes Expected results: 2. Should no the flash of "Show More Show Less" Additional info:
Created attachment 1285302 [details] Show More Show Less flash on Safari 10.1
PR to fix: https://github.com/openshift/origin-web-catalog/pull/271
Update to console to pull in previous PR: https://github.com/openshift/origin-web-console/pull/1658
Verified in v3.6.126.1 The flash after clicking "Show More" or "Show Less" in Safari/Edge disappears now. Regression testing on other browsers, they still work without new issue. Thanks!