Popover on web not closing when clicking outside or hitting scape about tamagui HOT 5 OPEN

Ah, I figured out another temporary fix for anyone running into this with npm. When I add @tamagui/floating as an explicit top-level dependency in my package.json, the popover works as expected. I think multiple copies of @tamagui/floating were being installed previously.

	"dependencies": {
		"@tamagui/config": "1.100.0",
		"@tamagui/floating": "1.100.0",
		"tamagui": "1.100.0"
	},

from tamagui.

From Popover.tsx

const sheetActive = useSheetBreakpointActive(sheetBreakpoint)

const floatingContext = useFloatingContext({
  open,
  setOpen: handleOpenChange,
  disable: sheetActive,
  hoverable,
  disableFocus: disableFocus,
}) as any

When I run the repro example, sheetActive looks like {current: undefined}, so the value of disable is truthy

from tamagui.

A few days ago, I also encountered this issue. I noticed that there is a package-lock.json file in the project you provided, indicating that you probably used npm install to install the dependencies. A temporary solution is to run rm -rf node_modules && yarn install

from tamagui.

Interesting, thank you -- that does seem to solve it in the repro. But ideally I'd love to find a way to make it work with npm because migrating our main repo from npm to yarn for this issue doesn't make a ton of sense.

Do you have any theories on why yarn vs npm install might be resulting in different behavior?

from tamagui.

npm resolves dependencies differently than yarn, and this issue might be caused by conflicts between certain dependency versions.

from tamagui.