S
SolidJS•3y ago
Bersaelor

`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
Bersaelor
BersaelorOP•3y 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

Did you find this page helpful?