Neon-Animated-Pages - not displaying separate paper-cards when elements are in a seaerate element.

[gpolito1970]

Description

We have a survey, that has different type of questions (check-box, dropdown, single select, multi-select), when I have the code for each of those types within neon animated pages such as below....it shows up each separate question as a singular 'page' on the screen which can be scrolled through.

.......

But there is one type that we call 'Section', where any group of survey questions are in the 'section' type will show up all in the same 'page/paper-card'. So basically the same as the neon-animated-pages example up above, but only with all those individual templates and without the tag.

We created a new element called which contained all the question types within it. So can be used in our element, without the neon-animated pages affecting it.

But also added to the page, so the above tag will look like the following:

### Expected outcome

Individual question types show up on their own page with animation, once you hit a 'section' type, it should show the questions associated with that question.

Actual outcome

When doing this, it puts all the questions on the page at one time.

Live Demo

Project uploaded to

https://github.com/gpolito1970/surveytest

the json for the survey is listed, test-survey is the one we are trying to get to work, test-survey2 is showing before creating the and how it should look.

Steps to reproduce

• [ x] Chrome
• [ x] Firefox
• Safari 9
• Safari 8
• Safari 7
• [ x] Edge
• IE 11
• IE 10