You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have verified that I use latest version of all @mantine/* packages
What version of @mantine/* packages do you have in package.json?
7.8.1
What package has an issue?
@mantine/core
What framework do you use?
Vite
In which browsers you can reproduce the issue?
Firefox
Describe the bug
In <Menu/> I have a option that opens the <Modal/>, which inside contains the <Tabs/>. For some reason on Firefox, if you click on "Tab 2" whole browser tab will freeze and you'll be forced to kill the tab, minimal component that is able to trigger the failure:
constMyDemo=()=>{const[opened,{ open, close }]=useDisclosure(false);constmodal=(<Modalopened={opened}onClose={close}title="hi"size="xl"><TabsdefaultValue="t1"><Tabs.List><Tabs.Tabvalue="t1">Tab 1</Tabs.Tab><Tabs.Tabvalue="t2">Tab 2</Tabs.Tab></Tabs.List><Tabs.Panelvalue="t1">Tab 1</Tabs.Panel><Tabs.Panelvalue="t2">Tab 2</Tabs.Panel></Tabs></Modal>);return(<><Text>Bug is reproducible only in Firefox</Text><Menushadow="md"width={350}position="bottom-end"><Menu.Target><Buttonvariant="subtle">Magic menu</Button></Menu.Target><Menu.Dropdown><Menu.Label>Section</Menu.Label><Menu.ItemonClick={()=>open()}>Open!</Menu.Item></Menu.Dropdown></Menu>{modal}</>);};
User-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:125.0) Gecko/20100101 Firefox/125.0
This issue as far I can tell can be reproduced in Firefox and causes total freeze in the tab.
I tried debugging this very deep into React internals, but I couldn't find a root cause.
Edit: Additional piece of context (possibly useless), strangely in my main repo (large app that I cannot share) this bug occurs only when I set NODE_ENV to production. That's not strictly required for the small repro repos.
If possible, include a link to a codesandbox with a minimal reproduction
I just tested Firefox (125.0.3) on Windows and it works, so it appears that issue is MacOS exclusive (confirmed also on another MacOS machine). I don't know if Linux is affected.
Dependencies check up
What version of @mantine/* packages do you have in package.json?
7.8.1
What package has an issue?
@mantine/core
What framework do you use?
Vite
In which browsers you can reproduce the issue?
Firefox
Describe the bug
In
<Menu/>
I have a option that opens the<Modal/>
, which inside contains the<Tabs/>
. For some reason on Firefox, if you click on "Tab 2" whole browser tab will freeze and you'll be forced to kill the tab, minimal component that is able to trigger the failure:User-agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:125.0) Gecko/20100101 Firefox/125.0
This issue as far I can tell can be reproduced in Firefox and causes total freeze in the tab.
Demo:
I tried debugging this very deep into React internals, but I couldn't find a root cause.
Edit: Additional piece of context (possibly useless), strangely in my main repo (large app that I cannot share) this bug occurs only when I set
NODE_ENV
toproduction
. That's not strictly required for the small repro repos.If possible, include a link to a codesandbox with a minimal reproduction
https://codesandbox.io/p/sandbox/mantine-combobox-in-scrollable-popovers-forked-6qkwyn
Possible fix
No response
Self-service
The text was updated successfully, but these errors were encountered: