menuinner.tsx is duplicating content
I have simple content calling up a name of a backend cell - and periodically (usually on a page change) it arrays it across the top. I can't pickup a pattern. It does it by itself.
https://prnt.sc/DsuBavhDKVWa
This is the top of the dashboard wrapper when the error happens.
Also sometimes it doesn't duplicate it but it pushes the first one way to the right. I cant seem to inspect what is causing this.
Replies (3)
Hi,
Could you please specify which theme and version you are using?
Does your element have attribute data-kt-swapper='true'?
Regards,
Lauris Stepanovs,
Keenthemes Support Team
React / Metronic 8 demo 1
here is what files have that dataswapper true
https://prnt.sc/33jFZrzy7jxY
but the element that I see duplicating is in mennuinner.tsx
essentially this is what the element is wrapped in:
https://prnt.sc/-Nn9poCMOVvs
I have picked up a little bit of a pattern that when it breaks to mobile or the window is sized or on a view change going back to the dashboard triggers the duplication of the header content like the screenshot above in the original post.
I have no idea what is causing it. It does it super often.
Hi,
We encountered a duplicated menu issue in an older version of Metronic, which was caused by a problem with the Metronic Swapper component. This issue has been resolved in the latest version of Metronic.
Could you please update the src/_metronic/assets/ts/components/_SwapperComponent.ts with the one from the latest version of Metronic?
Additionally, let us know if you see any errors in your browser console.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
