primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Menubar: Displays Mobile Version on Refresh Before Switching to Desktop Version

Open triguimed opened this issue 1 year ago • 1 comments

Describe the bug

I am using React with PrimeReact for my project. I've noticed an issue with the Menubar component where it briefly displays in the mobile version when I refresh the page before switching to the desktop version.

Here is an image captured right after refreshing the page:

Steps to Reproduce: Load the page with the Menubar component. Refresh the page. Observe the Menubar display. Problem: Upon refreshing the page, the Menubar initially displays in the mobile version before quickly switching to the desktop version. I would like the Menubar to open directly in the desktop version without displaying the mobile version first.

What I Have Tried: I have ensured that the window size is large enough to display the desktop version. I have looked into the PrimeReact documentation but haven't found a solution. How can I make the Menubar open directly in the desktop version without displaying the mobile version first? Are there any configurations or settings in PrimeReact that can help with this issue?

https://stackblitz.com/edit/ggkg4h?file=src%2FApp.jsx it's the same code of primereact https://primereact.org/menubar/ Do multiple refresh and you will see that Thank you for your help!

Reproducer

https://stackblitz.com/edit/ggkg4h?file=src%2FApp.jsx

System Information

react 18

Steps to reproduce the behavior

No response

Expected behavior

No response

triguimed avatar Jul 31 '24 10:07 triguimed

Any updates on this issue? I can find this issue happening even in the documentation: https://primereact.org/menubar/

preveenraj avatar Oct 02 '24 15:10 preveenraj

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

github-actions[bot] avatar Sep 28 '25 01:09 github-actions[bot]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!

github-actions[bot] avatar Oct 06 '25 01:10 github-actions[bot]