Skip to content

Fix: Search results not visible due to animation issue#1

Draft
google-labs-jules[bot] wants to merge 1 commit intomainfrom
fix-search-rendering
Draft

Fix: Search results not visible due to animation issue#1
google-labs-jules[bot] wants to merge 1 commit intomainfrom
fix-search-rendering

Conversation

@google-labs-jules
Copy link
Copy Markdown

This change fixes a bug that caused search results to be invisible. The issue was that dynamically created search result cards were not having their fade-in animation triggered correctly, leaving them with an opacity of 0. The fix involves manually adding the 'visible' class to these cards after they are added to the page. This commit also includes a fix for a minor CSS typo and prevents duplicate search headers from being created.


PR created automatically by Jules for task 7592870760334465364

…"black screen".

The root cause was that dynamically generated search result cards were not being correctly processed by the IntersectionObserver responsible for triggering their fade-in animation. This left the cards with an opacity of 0, making them invisible.

This commit resolves the issue by:
1.  Manually adding the `.visible` class to the new search result cards in `js/search.js` to ensure they become visible.
2.  Removing the old search result header before adding a new one to prevent duplicates.
3.  Fixing a minor CSS typo in `css/style.css` where an ID selector was used instead of a class selector.
@google-labs-jules
Copy link
Copy Markdown
Author

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll acknowledge your comments with a 👀 emoji and then get to work. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

I will automatically address your feedback. For any comments you don't want me to act on, just include (aside).



For security, I will only act on instructions from the user who triggered this task for this pull request.

@netlify
Copy link
Copy Markdown

netlify bot commented Sep 11, 2025

Deploy Preview for digitalforensicstools711 ready!

Name Link
🔨 Latest commit 72b2101
🔍 Latest deploy log https://app.netlify.com/projects/digitalforensicstools711/deploys/68c30d464b19100008ce0644
😎 Deploy Preview https://deploy-preview-1--digitalforensicstools711.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants