Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Metronic Tailwind v9.2.3 NextJS Issue


My Next.js app crashes when I open the burger menu (sheet) on mobile simulation in dev mode. This happens in the demo8 layout and all other demo layouts as well. Here is my console outputs:

https://imgur.com/18Lfdms
https://imgur.com/qW7H9J3 (multiple)
https://imgur.com/be1EcuJ


user
Doruk ÇORALI 10 months ago
Next.js Tailwind 4
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
Faizal Author 10 months ago

Hi

https://keenthemes.com/metronic/tailwind/nextjs/demo8

Could you please check this link? Hopefully it's already fixed in the latest version 9.2.4

Thanks


user
Doruk ÇORALI 10 months ago

Hi,

I believe the problem was caused by browser extension. I’ve tested it on my phone, and everything works fine there.

The only thing I noticed on mobile is the following warning when opening the side menu:
'DialogContent' requires 'DialogTitle' for the component to be accessible for screen reader users.
But this seems to be a minor issue.

Thanks again


user
Faizal Author 10 months ago

Hi

There is indeed a minor warning that appears when opening the side menu on mobile. We will address this issue in the upcoming updates.

Thanks


user
Faizal Author 10 months ago

Hi Doruk ÇORALI

The crash issue happen in a freshly installed Metronic v9.2.3 NextJS without any customizations?

Thanks


user
Doruk ÇORALI 10 months ago

Hi Faizal,

Yes, it’s also happening on your live demo.

If I load the app in desktop resolution and then switch to a mobile size, the issue doesn’t occur. However, the app crashes if I reload the page while already in mobile resolution.

At first, I thought it might be caused by a browser extension, but the same issue occurs on my iPhone 13 Pro when connected to the local network in development mode.

Issue video:
Extension:

P.S.: This issue does not occur on my iPhone 13 Pro when accessing the live demo.

Thanks


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(