Potential Issue with Styles in LightboxJS Library

[ObieSilva]

Description: I recently experienced two issues with the LightboxJS library that affected both the visibility of the Lightbox content and the display of thumbnails:

• Opacity Issue: Certain elements within the Lightbox were styled with opacity: 0, causing the content to be invisible. This was occurring for elements with the classes ._PH6f8 and ._3pfLz.
• Thumbnail Positioning: The thumbnails were not displaying correctly, and adjustments were needed to make them visible again.

Background:

• Library Version: 1.1.3
• Environment: NextJS, Tailwind, TypeScript
• Context: This issue did not occur previously, and the Lightbox was functioning as expected. The opacity property being set to 0 seems to come directly from the LightboxJS library, and I have verified that my implementation and imports are correct based on the documentation.

Steps Taken to Troubleshoot:

• Removed all custom and global CSS, including Tailwind CSS, to ensure there were no conflicts.
• Updated the LightboxJS library to the latest version and double-checked the documentation to ensure proper implementation.
• Inspected the element using browser developer tools, which showed that the inline opacity: 0 style was causing the content to remain hidden.

Temporarily fixed the issue by overriding the opacity with custom CSS: `._PH6f8, ._3pfLz { opacity: 1 !important; / Force visibility / }

._-wN_b { bottom: 24% !important; / Adjust thumbnail positioning / }`

Request: Could you please look into this issue and let me know if there are any configuration changes or updates required on my part? Alternatively, if this is a bug, an update or workaround from your end would be greatly appreciated.

Please let me know if you need any additional information, such as a code snippet or a reproduction of the issue.

[silvia-odwyer]

@ObieSilva Hi Obie, Thanks for opening this issue. I'm just wondering if this error occurs with the latest version of the library? Also, could you provide the JSX you're using to display the lightbox? This will help me to debug the issue. Thanks very much!