php.net |  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.
Password:
Status:
Package:
Bug Type:
Summary:
From: chris_chen at me dot com
New email:
PHP Version: OS:

 

 [2018-08-16 07:08 UTC] chris_chen at me dot com
Description:
------------
The PHP.net 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.

Patches

Add a Patch

Pull Requests

Add a Pull Request

History

AllCommentsChangesGit/SVN commitsRelated reports
 [2018-08-16 12:56 UTC] cmb@php.net
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] <https://github.com/ccampbell/mousetrap>
 [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-2024 The PHP Group
All rights reserved.
Last updated: Thu Mar 28 12:01:27 2024 UTC