The menu seems to be broken until I refresh the browser


lotus

I've tried to put together a CODEPEN HERE for you , but I'm afraid it won't be of much help as I can't reproduce the problem here.

This is a very complex and large website. It's very difficult to just give you the code that works for this, because there are so many scripts and stylesheets working together to make it work, but I'm doing my best to give you what I can.

Basically, the page loads fine, but when I click a link in the menu to take me to that page, the page loads with a "broken" menu look. See pictures. Once you refresh the page or even resize it by one pixel, it resets to the appearance. see also

Please, someone, have you ever come across something like this? enter code hereAnd, is it possible to refresh any given stylesheet or script if no errors are found by looking at the code? I can't force a page refresh because something should be handled in the database on PageLoad.

I'm not holding my breath, but of course I hope you guys can help.

This is the photo in question. and the link to Codepen is above

enter image description here

lotus

This issue has been resolved. Apparently accessibilitymegamenu.js adds that property aria-haspopup="true"programmatically , and if you add it manually when coding for JAWS and/or any other non-sighted user accessibility site , it will make it error out.

If you use any accessibility scripts and your hyperlinks are coded like this:

<a id="myID" href="#" class="myClass" aria-haspopup="true">My Link</a>

change to:

<a id="myID" href="#" class="myClass">My Link</a> 

Your output (according to the accessibility script) will still be:

<a id="MyID" aria-label="My Label" href="javascript:void(0)" aria-haspopup="true" aria-controls="accessible-megamenu-1426257105716-6" aria-expanded="true" class="MyClass">My Link</a>

Hope this helps someone else and saves us two weeks of debugging that cost us.

Happy coding!

Related


The menu seems to be broken until I refresh the browser

lotus I've tried to put together a CODEPEN HERE for you , but I'm afraid it won't be of much help as I can't reproduce the problem here. This is a very complex and large website. It's very difficult to just give you the code that works for this, because there

The menu seems to be broken until I refresh the browser

lotus I've tried to put together a CODEPEN HERE for you , but I'm afraid it won't be of much help as I can't reproduce the problem here. This is a very complex and large website. It's very difficult to just give you the code that works for this, because there

The screen is black until I refresh the browser

thanks As the title says. I draw the image with a canvas (1376x1440), but when I open the website for the first time everything is black until I refresh it and it works fine and draws fine. I use node.js to host a website via express. my code to import the ima

Broken websocket client onmessage after browser refresh

Jackie Johnson: I have a server written in package .Websocketgogithub.com/gorilla/websocket The server has 2 loops for receiving and sending messages. The implementation of the http handler looks like this: upgrader, errChan := websocket.Upgrader{}, make(chan

Broken websocket client onmessage after browser refresh

Jackie Johnson: I have a server written in package .Websocketgogithub.com/gorilla/websocket The server has 2 loops for receiving and sending messages. The implementation of the http handler looks like this: upgrader, errChan := websocket.Upgrader{}, make(chan

Broken websocket client onmessage after browser refresh

Jackie Johnson: I have a server written in package .Websocketgogithub.com/gorilla/websocket The server has 2 loops for receiving and sending messages. The implementation of the http handler looks like this: upgrader, errChan := websocket.Upgrader{}, make(chan

Broken websocket client onmessage after browser refresh

Jackie Johnson: I have a server written in package .Websocketgogithub.com/gorilla/websocket The server has 2 loops for receiving and sending messages. The implementation of the http handler looks like this: upgrader, errChan := websocket.Upgrader{}, make(chan

Broken websocket client onmessage after browser refresh

Jackie Johnson: I have a server written in package .Websocketgogithub.com/gorilla/websocket The server has 2 loops for receiving and sending messages. The implementation of the http handler looks like this: upgrader, errChan := websocket.Upgrader{}, make(chan

Broken websocket client onmessage after browser refresh

Jackie Johnson: I have a server written in package .Websocketgogithub.com/gorilla/websocket The server has 2 loops for receiving and sending messages. The implementation of the http handler looks like this: upgrader, errChan := websocket.Upgrader{}, make(chan

It seems to persist even if I dispose of the SWT browser

John Henkel I have an SWT application and I use canvas to display images, videos and PDF files. Users can drag any media type onto the canvas. I use the browser object to display only the PDF. Once the PDF is displayed, I configure the browser. Sometimes this

It seems to persist even if I dispose of the SWT browser

John Henkel I have an SWT application and I use canvas to display images, videos and PDF files. Users can drag any media type onto the canvas. I use the browser object to display only the PDF. Once the PDF is displayed, I configure the browser. Sometimes this

Backup manager seems broken?

Isaac So I've set up an admin account to make backups in case my main account gets messed up and it works. Remember there is no password for the backup account, anyone can log in (I do this because I sometimes forget passwords) Whenever I perform an action tha

LibreOffice seems to be broken

Master_Nachi I just upgraded from Ubuntu 16.04 to Ubuntu 18.04 today. After the upgrade, LibreOffice seems to be broken. Icon is not visible. I have Ubuntu 18.04.5 and LibreOffice version 6.0.7.3 Edit 1:- Outputdpkg -l | grep libreoffice | grep -E "icon|style"

QCamera seems to be broken

Thomas Ayub In order to use my phone camera (on a Nexus 5) I use the following code: camera = new QCamera; camera->setViewfinder(ui->viewFinder); ui->viewFinder->show(); ui->stackedWidget->setGeometry(0,0, 1000, 1700); ui->viewFinder->setGeometry(0, 0, 1000,

Backup manager seems broken?

Isaac So I've set up an admin account to make backups in case my main account gets messed up and it works. Remember there is no password for the backup account, anyone can log in (I do this because I sometimes forget passwords) Whenever I perform an action tha

How can I make the browser refresh automatically?

learner one How to make the browser automatically refresh web pages. In Silverstripe CMS I have to pass in the URL appending ? flush to manually refresh the web page. Does anyone know? Jonh Doe Read this http://php.net/manual/en/function.flush.php this is the

How can I make the browser refresh automatically?

learner one How to make the browser automatically refresh web pages. In Silverstripe CMS I have to pass in the URL appending ? flush to manually refresh the web page. Does anyone know? Jonh Doe Read this http://php.net/manual/en/function.flush.php this is the

laravel doesn't update data until i refresh settings page

User 3721008 I am new to laravel and I am doing simple edit form, this is the code public function updateSinglePR(points_redemption $pr,Request $request) { echo $pr->redemotion_mount.'<br>'; echo $pr->points_mount.'<br>'; echo $pr->id; $pr->update($

jQuery Mobile page doesn't show content until I refresh

Dr. Sauk Monkey Why does my html page with two "moving" pages have to refresh or move some small edges to show my map in it? See my fiddle or the code below: I have a mobile page document (html) that contains two jQuery Mobile pages. 1. A login page that requi

jQuery Mobile page doesn't show content until I refresh

Dr. Sauk Monkey Why does my html page with two "moving" pages have to refresh or move some small edges to show my map in it? See my fiddle or the code below: I have a mobile page document (html) that contains two jQuery Mobile pages. 1. A login page that requi

AutoComplete in ipython with pandas seems to be broken

Function I have a pandas dataframe called frame I want to call the frame[SomeCoulmnname].value_counts()method The problem is that ipython doesn't autocomplete even after I type v in the back . In fact, it doesn't even return any suggestions. However, if I just

apt-get seems broken

5xum I don't really know what's going on, but it seems like my apt-get command in ubuntu is broken. No matter what I do, I can't use it to install or uninstall anything. Now, for example, I'm trying to install GAP: :~$ sudo apt-get install gap Reading package