soulwire / makisu Goto Github PK

Hello, not sure... but I guess Safari 5 should have the required features, right? But your demo does not recognize the browser.

regards,
Maik

I'm using Chrome Version 44.0.2403.107 m. There is some glitch which causes menu items to appear and then vanish.

The detection script doesn't seem to be spotting Safari 5.1.7 (Build 7534.57.2) on Windows XP even though it supports 3D transformations. Also, if you go into the inspector and remove the warning it still won't let you run it.

Demo doesn't seem to run on mobile Safari (5.1), but can't see a reason why not as CSS transforms etc all supported in the browser. Not had time to test on other versions. Looks lovely in Chrome tho ;)

Hello,
Links disapear after animation end since last chrome update.

I had to check it out in IE and noticed that the link to get a "sexier browser" needs an "http://" at the front. I wish for people to click this, and I know that people who need to click it will need it to work right! ;)

I'm trying this in Opera and the menu just appears... no folding. I noticed though that it passes the $.fn.makisu.enabled, which is indeed true. Is there a small tweak for Opera or should I wrap it in a browser check condition and use my own basic menu for Opera?

Thanks.

Hi!
I've noticed that in FF v29, the item links are not functioning (no hover, they are not clickable). This can be observed on the demo page as well.
Can it easily be solved somehow?
Thanks in advance! Very cool plugin though.

Animations and text fail to render with Chrome 24.

When opening the opening example in Safari 5.1.7 for Mac OS X Snow Leopard, it says it didn't detected CSS 3 capabilities.

Hi,
i tryed to create a little navigatin menu with this lib, the animation is ok on all browser type but on firefox i found a problem: the internal link in <'li'> is not find from mouse in firefox.
My set:

$('#menu').makisu({
selector: 'li',
overlap: 0.2,
speed: 0.2
});

Is perfect with Chrome but I don't understand why with Firefox i found this problem.
If i set z-index of <'li'> and of <'a'> can i resolve my problem?

thx for your attention.
Best Regards,
Alberto

If I add links to Nigiri as follows, only link One shows in Firefox. For link Two, Three, etc., the text shows but does not show the hyperlink and is not clickable... ? Do you know the solution?

Okay here is the complete solution to make this work with links in all 3 browsers. I only used the Nigiri section... the leftmost list animation... so apply to other sections if you use all three drop-downs:

On style.css line 244 (your line number may vary) change:

.nigiri dt, .nigiri dd, .nigiri a {
background: #789962;
}

to

.nigiri dt, .nigiri dd, .nigiri a {
background: #789962;
position: relative;
z-index:999;
}

Then on Makisu.js on lines 346 & 350 change:

'transform': 'translateZ(-0.1px)'

to

'transform': 'translateZ(-1px)'

:)

Opera Browser don't work

If you click the toggle button and go to a different tab (must be same browser window), then switch back a few seconds later, the dropdown will have a 'whip' effect. Not sure if intentional, but it looks kind of janky.

It would be an improvement if every API call could also have a callback function as an option.

Currently some like this is not possble:

		$(".list").makisu('close', function () {
		    //Some function
		});