Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Prototyping with Foundation for Apps Finishing the Prototype Motion UI Library

jessica grinberg
jessica grinberg
14,117 Points
Posted by jessica grinberg
jessica grinberg
14,117 Points

Error in the console when I add animation

Hi,

I have been following the video and check with the project zip file, I couldn't find my error! When I add 'animationIn: fadeIn' or any kind of animation i have an error in the console that says:

foundation.js:17925 TypeError: Cannot read property 'style' of undefined

and my transition aren't smooth text stretch to the full screen and then resize to the size it is supposed to be.

I have no clue how to fix it!

Thanks!

miikis
miikis
44,957 Points

Can you post the rest of your code? It's kinda too difficult to diagnose without context.

Saad Khan Malik
Saad Khan Malik
25,199 Points
Saad Khan Malik
Saad Khan Malik
25,199 Points

Anyone got a fix for this yet? I thought I was doing something wrong, copied Guil's project files, getting the same transition issue, where content coming in spans the entire width of the page and then flashes into its grid block.

1 Answer

Parzeval One
Parzeval One
1,920 Points
Parzeval One
Parzeval One
1,920 Points

Same here. We don`t do anything different than Gui: "animationIn: fadeIn" where he puts it. Stretches full width then into the right grid-block.