iTV.js Framework {{itv.version}} : Screen - Group
Main page
Go to Screen 1
Screen 2
Go back to main page
To do:
- Press "enter" key multiple times.
- When finished, press "back" to go back to the demo list.
Expected result:
- Screen 1 is initialy visible even though no element inside it is focused because it is part of a group and because it is the first one of its group defined.
- Screen 2 is visible when an element inside it is focused.
- Screen 2 remains visible when the element inside it looses focus.
- Screen 2 is hidden and screen 1 becomes visible again when the element inside it regains focus.
Remark:
- We have added "visibility:hidden" to the style of the <body> in order to prevent flickering during initial page load otherwise we see all screens visible for a split second the time that the framework hides them.
- Please view the source of this HTML document to check out the code that makes it work the way it does.