SolidJS•2y ago

`solid-start` site opens multiple `about:blank` on Load

My solid-start page is opening multiple about:blank tabs when loading localhost:3000 . Is there any way to figure out whats causing this?

1 Reply

BersaelorOP•2y ago

using git-bisect, I tracked it down to a refactor that changed how <Menu> worked. Before the change, I had:

          <Menu
            anchorEl={anchorEl()}
            open={open()}
            onClose={handleClose}
          >
            <SettingsMenu />
          </Menu>

          <Menu
            anchorEl={anchorEl()}
            open={open()}
            onClose={handleClose}
          >
            <SettingsMenu />
          </Menu>

after the change, I moved the menu to the enclosing object:

          <SettingsMenu anchorEl={anchorEl()} setAnchorEl={setAnchorEl} />

          <SettingsMenu anchorEl={anchorEl()} setAnchorEl={setAnchorEl} />

I guess handing an HTMLElement from one component to a child causes about:blank tabs to be spawned. If I keep both the const [anchorEl, setAnchorEl] = createSignal<null | HTMLElement>(null); as well as the <Menu> in the same component there are no extra about:blank tabs

Gaming

Programming

`solid-start` site opens multiple `about:blank` on Load