Links in top menu don't work on small Chrome screens
naasking opened this issue · 8 comments
Desktop or mobile chrome, if you're viewing mincss.com in a small screen such that you see the mobile top menu, and you try to click a link in that menu, it simply collapses the menu and doesn't go anywhere.
Same problem on IE11.
Hi! Thanks for reporting this. Just confirmed on mobile and desktop Chrome, I'll confirm IE11 when I have a chance. @scottaohara do you have a Windows box running you can test this on?
I'll get to work on a solution ASAP.
Sure, just post back here with a URL and I'll let you know.
i'll take a look asap as well. today's kind of hectic, but within the next few days i can probably get on this
@owenversteeg confirmed that this is happening on IE11.
i have a solution that fixes basically all of the issues brought up around the nav, which includes a bit of restyling / using the :target pseudo selector instead of :focus to get the nav to open (ie/chrome are closing the menu due to the changing of focus from the
to the nav links, and aren't registering the click because focus changes before the click event fires, i'm assuming).the main issue i see with my solution is that :target only works in ie9+, so that obviously is an issue for the pre ie9 support.
i'm going to submit my work in a separate branch so you can take a look n' see if it inspires you to think of an alternative.
FYI in the index file I'm pushing, i'm referencing an uncompressed css file in sass/min-master.css.
figured i'd leave it in there for testing purposes as this is likely not the optimal solution at this time.
@scottaohara Oh great thanks! I just tested it on iOS and Android and it seems good. Only issue is that the padding for the close button hangs off the navbar, so that may need to be fixed.
Any news on this?
I downloaded Min and I'm having the same issue. On the mincss.com homepage, it seems to be fixed, however.