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

[BUG] anchorSelect seems to not select all required elements on mount with React 19 #1238

Closed
jurerotar opened this issue Jan 11, 2025 · 1 comment
Labels

Comments

@jurerotar
Copy link

jurerotar commented Jan 11, 2025

anchorSelect seems to not select all required elements on mount with React 19


Bug description
I'm building an app with a tile map. Each of these tiles should show a tooltip containing some tile information. This feature worked perfectly until I've updated my React dependency to version 19. The issue now is that initially shown tiles don't show the tooltip. Tiles rendered after the initial render work fine. I've narrowed the bug down specifically to React 19 update.

Version of Package
I've tested all versions from v5.26.0-5.28.0, based on reading some other issues

To Reproduce
Working version: https://pillagefirst.netlify.app
Broken version: https://develop--pillagefirst.netlify.app

  1. Open https://develop--pillagefirst.netlify.app/create-new-server/
  2. Click on "Create server" button. This will redirect you to a game page.
  3. Game will open on resources view, map can be accessed by clicking on tile-map button at the top (third from the left).
{5DFFF4CC-666E-4610-889A-1B127C2F19DC}
  1. Hover over any tile. You can move through the app by dragging the mouse. New tiles are rendered as you drag. Tiles not initially rendered will have the tooltip present.

Expected behavior
All hovered tiles should show a tooltip. See behavior before React 19 update at https://pillagefirst.netlify.app.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information if possible or delete this section):

  • OS: Windows 11
  • Browser: Edge, Chrome
  • Frameworks: React 19

Additional context
I've tried moving the after the tile grid, no change. The code in question can be found here: https://github.com/jurerotar/Pillage-First-Ask-Questions-Later/blob/65fdecf83652e3943c42f3ec74457cf8e9b292bb/app/(game)/(map)/page.tsx#L195

Edit: updated server creation flow

@jurerotar jurerotar added the Bug label Jan 11, 2025
@jurerotar
Copy link
Author

Closing this due to it being a duplicate of #1189

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant