Hide/Show Interaction suddenly stopped working on Chrome and Edge

Design help General
1

Hello everyone!

A friend just let me know my portfolio wasn’t working as expected anymore on Chrome and Edge. The Projects seemingly stopped being clickable, as the expected behaviour is for a window to appear after clicking on each Thumbnail in both the Portfolio and Archive sections of the website.

Expected Behaviour

Read-Only Link: Portfolio

The website was designed (pretty much a year ago) on an old MacBook Pro with OSX 10.11 and Brave version 1.41.100 (Chromium: 103.0.5060.134). On this version of Brave, the website works as expected, and the same applies to the latest build of Safari for iOS. Until last week, as I’m aware, the website worked as expected on all other platforms.

I have no idea where to go from now. From what I can understand, there’s a Display settings issue in Window in which elements remain hidden even if the Show Interaction should set them to Flex after clicking on the Thumbnail. This issue appears only when using the latest version of Brave and Edge. It does after publishing, but also while designing.

Any help would be greatly appreciated as I’m looking for work, and it’s paramount for this portfolio to land me a job somewhere haha.

2

As of today, the website on Firefox for both Windows and macOS works as expected. It’s still broken on Chrome and Edge. I’m truly stuck. I’ve even tried to rebuild the interactions from the ground up, but Hide/Show doesn’t seem to work anymore.

3

We ran into a similar issue working on a client project and created a script to help you to toggle visibility on or off for any element.

If you check out the tutorial you’ll get walked through the issue as well as implementing the solution from start to finish.

Please feel free to tag me if you have any questions!

Happy Thursday!