RapiDoc icon indicating copy to clipboard operation
RapiDoc copied to clipboard

[Bug] Left Nav Menu hidden (display:none) on Safari 14+ Desktop View

Open energy0321 opened this issue 2 months ago • 0 comments

Hello RapiDoc Team,

I've encountered an issue where the left navigation menu (API Store, Operations, etc.) is completely hidden when viewing the official RapiDoc demo page in Safari on a macOS desktop.

The issue appears to be a responsive layout detection error specific to the Safari browser environment, as the element is explicitly hidden by CSS.

Environment Details: RapiDoc Demo URL: https://rapidocweb.com/examples/lead-mode-dark.html (or any official demo page)

Browser: Safari (Tested on version 14.1.3)

Operating System: macOS (Desktop)

Steps to Reproduce: Open the RapiDoc demo page in the specified Safari version on a desktop/laptop.

The left navigation bar is immediately missing.

Observed Behavior (The Root Cause): Using the Safari Developer Tools, I confirmed that the element responsible for the left navigation bar is being incorrectly styled by the application's CSS/JavaScript:

The element has the style properties: display: none and width: 0.

This occurs even when the viewport is set to a standard desktop resolution (e.g., 1920 x 1080), indicating an error in how RapiDoc detects or calculates the viewport size/browser environment, causing it to incorrectly trigger the mobile/hidden layout mode.

Image

energy0321 avatar Nov 10 '25 08:11 energy0321