Problem when triggering PopUp menu in certain scenario

Testcase:

Go to http://www.gavick.com/demo/joomla25/news2/
Scroll down to the bottom of the page
Then click on the Template menu item (from the top bar that stays on top)

Expected result:
Overlay shows all items of template menu

Actual result:
At a first glance a blank page is shown (but if you scroll up you can see the list was built in the part above the visible area (hard to notice though in certain browsers



Furthermore I noticed that the submenus that appeared on hover are no longer displayed. This was a nice feature which worked until recently on my website http://www.roundnews.com too but now submenu lists no longer show on mouse hover over the menu items. Can somebody also give a hint on how do I get this back?

I have a quick solution for who is experiencing the same problem:

In theme settings->Advanced add the following custom CSS code:

Code: Select all

#gkMenuOverlayWrap {position: fixed;left: 50%;top: 10%;}

Hi

I think it was fixed, becuase I cannot see this issue anymore. Can You please check and confirm?

I have fixed the problem on my website but the Joomla demo from Gavick site still has the problem.. Please see the attached screenshots: step1->step4.jpg in order to be able to reproduce the problem yourself (as a note: I am using Chrome and the steps must be done as described below)

step1-> Go to demo site as illustrated and scroll to the bottom
step2->Without scrolling up (meaning you should remain where you are) click the Template menu link in order to see the overlay
(a blank screen appears)
step3->While the blank screen appears scroll up until you get to see the menu list within the overlay
step4->Inspect overlay wrap element in Chrome -> (update: because of forum limit I can only add three attachements.. will add this on request)

Problem is that gkMenuOverlayWrap has the following CSS: position: absolute; top:0px; (and gkMenuOverlay, the div that holds the wrap within, has position:fixed top:0 but this div is as tall as the whole page. This causes the Wrap to always be displayed at the beginning of the webpage content and not on the top of the visible area.

Thus the template would need an update to overcome the situation when a user clicks the menu while he is at the bottom of a long page. The fix can be the one suggested by me in an earlier post here (I already incorporated this fix on http://www.RoundNews.com) or it can be a different one. I hope you are able to reproduce the problem now.(If not please carefully checked the attached images)

step1.jpg

step2.jpg

step3.jpg

Hi

I think it was fixed, becuase I cannot see this issue anymore. Can You please check and confirm?

Hi

Ok. I can see what You meant now. I saw the white screen, but it was natural for me to scroll up for menu. You are right this may be seen as a bug, but a lot of websites are working like that I think. Problem with Your solution is that menu is probably sticked to the screen and for bigger menus it would not be seen entirely. Anyway thanks for reporting it. I'll let programmers know about it.

Hi

Fix is ready and will be included in template packages soon.

For joomla 2.5
In file gk_news2/js/gk.menu.js add in line 193 this code:

Code: Select all

           overlaywrapper.setStyle('margin-top', window.getScroll().y + 'px');


For joomla 3.2
In file gk_news2/js/gk.menu.js add in line 218 this code:

Code: Select all

            overlaywrapper.css('margin-top', jQuery(window).scrollTop() + "px");