kamicane / moofx Goto Github PK

More of a suggestion than an issue.

You think it's possible to utilize moofx in some way so it can be use to animate on a bezier curve?

Uncaught TypeError: Cannot call method 'splice' of null moofx.js:583
remove3 moofx.js:583
prime.resetCSS moofx.js:657
prime.setTransitionCSS moofx.js:619
CSSAnimation.bSetTransitionCSS moofx.js:593
iterator

Around line 583.

Not quite sure which version is this - generated file shows two versions:

I was just playing with moofx when I noticed that the duration option do not work if an integer number (intended as milliseconds) is given.

moofx(el).animate('height', 300, { duration: 10000 }); // Sets to 300px immediately
moofx(el).animate('height', 300, { duration: '10s' }); // Works

In README.md lots of examples shows an integer duration option to specify durations in ms.

I get an error with FireFox 25 and in chrome.

forEach is not a function
on line 393

Need i some dependencies? Or must i include a polyfill for forEach?
Thanks for help.

I can't seem to find a way on how to properly interrupt an animation that is currently running.
Is there any way at all of doing this?

See https://github.com/kamicane/moofx/blob/master/lib/browser.js#L317

This makes sense if you want to get the border property. However when animating the border, when one border (for example the top) is different, it will return null which causes an error here: https://github.com/kamicane/moofx/blob/master/lib/browser.js#L567 (because null doesn't have a replace method).

I think when it's detected that the borders are different, it should change

{
     border: '1px solid red'
}
// into
{
     borderTop: '1px solid red',
     borderRight: '1px solid red',
     borderBottom: '1px solid red',
     borderLeft: '1px solid red'
}

so all borders do animate to the desired value, and it would prevent the error.

It was a bit hard to find out what was going on, but this code makes moofx throw errors:

moofx(document.createElement('div')).animate({
    border: '3px solid #333'
})

Uncaught TypeError: Cannot call method 'push' of null 

because equations in the resetCSS method is null, which is because cts.getPropertyValue('WebkitTimingFunction') in the compute function returns null.

I know it's a bit weird to animate elements that are not in the DOM yet.. but still, if you don't know what's going on, it's pretty difficult to find out what's going wrong.. Maybe let it fail silently is better.

Cloned from the repo, and after generating a single file the versions state:

/*

---
provides: moofx
version: 3.0.14

And later in the code:

moofx.version = "3.0.11-dev";

Looking at the commit list, 3.0.14 is the correct one.

http://jsfiddle.net/nUsSU/3/

It should start from radius 90, and finish on 20, instead it resets the start radius to 0.

Hi,

Before all, sorry for my english ;-)!!

I've download the last version today. When i run the command ./distribute, i've this error on my terminal :

events.js:48
throw arguments[1]; // Unhandled 'error' event

Error: No Modules Required

I am looking for a solution for 2 hours and i find nothing.
I count on you to put me on the right direction.

Thanks a lot !!

This has happened when upgrading 3.0.10 to 3.0.14.

Line 358: string vars are left undefined.

It would be great if we could transform these using moofx:

• translate3d(tx, ty, tz)
• scale3d(sx, sy, sz)
• rotate3d(rx, ry, rz, angle)

uncaught exception: [Exception... "Not enough arguments" nsresult: "0x80570001 (NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: https://raw.github.com/kamicane/moofx/master/moofx.js :: anonymous :: line 185" data: no]

I've added null as the second param for this: var cts = getComputedStyle(node, null);

When I tested that the error was gone but the animations did not work.

http://jsfiddle.net/subhaze/vPPKw/