Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix dropdown floating portals #860

Merged
merged 1 commit into from
Jan 22, 2025
Merged

Conversation

victortrinh2
Copy link
Collaborator

@victortrinh2 victortrinh2 commented Jan 22, 2025

What

  • Update floating-ui package to latest
  • Render FloatingPortals only when they are mounted per docs

Why

DS-540
EP-3989

In OV, we have run into an issue where floating portals occasionally do not open. This was thought to be isolated to one component in OV so a workaround was #856. This worked for the once case but now that the bug has been seen elsewhere, we would like to fix it for all floating portals to prevent the issue popping back up elsewhere. I believe the latest updates to floating-ui include fixes for the portal IDs that may fix the issue, so updating these packages and then updating our references to igloo should fix the issue.

Thanks @PatrickDeVries for raising the issue and opening the initial PR.

Example of the issue in an ActionMenu:

image

Copy link

changeset-bot bot commented Jan 22, 2025

🦋 Changeset detected

Latest commit: 8771ffe

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages
Name Type
@igloo-ui/area-chart Patch
@igloo-ui/dropdown Patch
@igloo-ui/popover Patch
@igloo-ui/select Patch
@igloo-ui/text-editor Patch
@igloo-ui/tooltip Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

netlify bot commented Jan 22, 2025

Deploy Preview for igloo-ui ready!

Name Link
🔨 Latest commit 8771ffe
🔍 Latest deploy log https://app.netlify.com/sites/igloo-ui/deploys/67910ccdf378820007e5a67c
😎 Deploy Preview https://deploy-preview-860--igloo-ui.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 site configuration.

@victortrinh2 victortrinh2 merged commit bcb9f75 into main Jan 22, 2025
10 checks passed
@victortrinh2 victortrinh2 deleted the fix/DS-540_update-floating-ui branch January 22, 2025 15:59
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