Skip to content

feat(toolbar): persist autocomplete panel state#79

Draft
dhayab wants to merge 1 commit intomainfrom
feat/toolbar-persist-autocomplete-panel
Draft

feat(toolbar): persist autocomplete panel state#79
dhayab wants to merge 1 commit intomainfrom
feat/toolbar-persist-autocomplete-panel

Conversation

@dhayab
Copy link
Member

@dhayab dhayab commented Mar 12, 2026

Summary

Toolbar clicks were causing the autocomplete dropdown to close because the autocomplete listens for clicks on document.body to detect "click outside" events.

This PR adds a stopPropagation() listener on the toolbar's shadow host element, preventing click events from bubbling past the host to document.body.

This works because the shadow DOM internal handlers fire before the event reaches the host, so toolbar functionality is unaffected.

@netlify
Copy link

netlify bot commented Mar 12, 2026

Deploy Preview for algolia-experiences-react ready!

Name Link
🔨 Latest commit 193f61e
🔍 Latest deploy log https://app.netlify.com/projects/algolia-experiences-react/deploys/69b2d3e20e7c67000873940e
😎 Deploy Preview https://deploy-preview-79--algolia-experiences-react.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.

@netlify
Copy link

netlify bot commented Mar 12, 2026

Deploy Preview for algolia-experiences-js ready!

Name Link
🔨 Latest commit 193f61e
🔍 Latest deploy log https://app.netlify.com/projects/algolia-experiences-js/deploys/69b2d3e29f8ad100080a6ba2
😎 Deploy Preview https://deploy-preview-79--algolia-experiences-js.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.

Copy link
Member

@sarahdayan sarahdayan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Super elegant ❤️

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.

2 participants