Skip to content
This repository has been archived by the owner on May 12, 2019. It is now read-only.

Menu button - open a blank page #110

Open
mickeyhoh opened this issue Oct 13, 2015 · 19 comments
Open

Menu button - open a blank page #110

mickeyhoh opened this issue Oct 13, 2015 · 19 comments

Comments

@mickeyhoh
Copy link

image

When I opened the webpage within a browser (Google Chrome) on my notebook with a smaller screen, the red Menu button appears on the top left. When this button is clicked, a new but blank page is opened.
Is this a bug?

@Kikobeats
Copy link
Owner

what happens if you reload the browser?

@mickeyhoh
Copy link
Author

The Red menu button will not appear if the screen is big, such as a full browser window on the notebook.

If you reduce the size of the browser to a size similar to the above (notice the scroll bar at the bottom of the picture), you will get that Red menu button. The button should appear on the top left of the white page (what do you call this HBS component?) and it should not appear on the top left of the Aside. Am I right?

Basically, when I click on the Red menu button, a new tab opens on the same browser but it is a blank page. In short, the Red button is not working as per intended.

I am not sure why you want to reload the browser but I reloaded the blog page and also the blank page. There is no change or any difference.

That said, the Red menu button works well onto a smartphone.. it just make the Aside appear and disappear but sliding it left to right and right to left.

In short, the problem is on the computer browser. I am using Chrome v45.

@foorb
Copy link
Contributor

foorb commented Oct 13, 2015

Yeah, I can confirm this. But when I reload the page it works.
okt 13 2015 10 09

@mickeyhoh
Copy link
Author

Thanks for confirming @foorb.
When I refresh it, the Red menu appears where it belongs and it works fine.
The problem is, when you visit the site without reloading, the problem is there.

If a new visitor drops by, the Red menu button will appear wrongly.. he wouldn't know that he needs to refresh or reload.
So refreshing is not an elegant solution.. so the problem is still unresolved.

@Kikobeats
Copy link
Owner

Reload is necessary because media queries need to be detected to adapt the style. But is strange that you see a partial mobile view. maybe browser cache?

@mickeyhoh
Copy link
Author

I was thinking about the cache as well.

Since I have reloaded it just now, when I close my browser and visit your blog again, the Red button should have appear correctly. I expect this to happen since the cache is now has been updated.

However, this was not the case. The same thing happen. This means reloading only solve the current visit.. not the future visit.

@foorb, have you try clearing your cache?

@foorb
Copy link
Contributor

foorb commented Oct 14, 2015

I've done this with cleared cache.

@Kikobeats
Copy link
Owner

yeah! then feel free to close the issue :-)

@mickeyhoh
Copy link
Author

I cleared cached.
Shrunk the browser to a smaller size, with similar size as my screen capture above.
Opened a new tab in Chrome.
Entered kikobeats.com as the URL.
Page loaded with the Red menu button correctly on the blog page (the aside didn't appear on the landing page).
Closed the same tab.
Opened a new tab in Chrome.
Entered kikobeats.com as the URL.
Page loaded with the Red menu button incorrectly on the aside (the aside appeared on the landing page), same screen as the screen capture above. Problem reappeared.
I cleared cached again.
Opened a new tab in Chrome.
Entered kikobeats.com as the URL.
Page loaded with the Red menu button correctly on the blog page (the aside didn't appear on the landing page).

This means that in order to load the page correctly, I need to clear my cache everytime I visit the blog... or reload the blog.
This approach is not the right solution.

@mickeyhoh
Copy link
Author

I have tried opening up the blogs of adrianperez.org and also www.olddonkey.com (who just requested to add his blog onto your Github page). Theirs have no problem.
I am not sure if the recent fix for aside created this problem.

@foorb
Copy link
Contributor

foorb commented Oct 14, 2015

Yeah. It's a bit strange. I gone back to version 2.5.5- this version already have the problem.
But your right. The site adrianperez.org and olddonkey.com don't have the problem.

@mickeyhoh
Copy link
Author

In that case, this is not as simple as a cache-clearing issue.
@Kikobeats I suspect this could be related to viewport?

@Kikobeats
Copy link
Owner

I think so

@mickeyhoh
Copy link
Author

In that case, I will await your advice on the fix... thanks!

@NerosTie
Copy link

I have the same bug as described by @foorb in his gif.

@Kikobeats Kikobeats added the bug label Nov 1, 2015
@mickeyhoh
Copy link
Author

Hi @Kikobeats. Is this still a bug?

@Kikobeats
Copy link
Owner

I'm think so. I need more time, or more people collaborating in the project.

@mickeyhoh
Copy link
Author

Sure, no problem. I understand :)

@achreftlili
Copy link

i find out that this exist only with zepto but with jquery it's working

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

5 participants