|  support |  documentation |  report a bug |  advanced search |  search howto |  statistics |  random bug |  login
Bug #76751 Nav bar menu covers whole screen on website in Safari
Submitted: 2018-08-16 07:08 UTC Modified: 2018-08-16 19:15 UTC
From: chris_chen at me dot com Assigned:
Status: Open Package: Website problem
PHP Version: Irrelevant OS: MacOS
Private report: No CVE-ID: None
Welcome back! If you're the original bug submitter, here's where you can edit the bug or add additional notes.
If this is not your bug, you can add a comment by following this link.
If this is your bug, but you forgot your password, you can retrieve your password here.
Bug Type:
From: chris_chen at me dot com
New email:
PHP Version: OS:


 [2018-08-16 07:08 UTC] chris_chen at me dot com
The nav bar expanded menu covers up the whole screen.

This is the problem element

<nav id="trick" style="display: block;">

CSS style "display:none" is overridden by "display: block" upon page load, causing the menu to cover the whole page and screen.

Issue appears on Version 11.1.2 (13605.3.8) of Safari, but not on Chrome.

Expected result:
Menu should not appear on page load.

Actual result:
Menu appears on page load, covering all website content.


Add a Patch

Pull Requests

Add a Pull Request


AllCommentsChangesGit/SVN commitsRelated reports
 [2018-08-16 12:56 UTC]
This might be an issue with mousetrap[1]; maybe we just need to
update to the latest version.

As a workaround: try to press ? or ESC.

[1] <>
 [2018-08-16 19:15 UTC] chris_chen at me dot com
Yes thanks Esc and ? worked. I was deleting the node in the inspector before.
PHP Copyright © 2001-2023 The PHP Group
All rights reserved.
Last updated: Sat Feb 04 07:07:04 2023 UTC