      *  The viewport component to be scrolled.
      * 
      *  <p>The viewport is added to the FXScroller component's skin 
-     *  which lays out both the viewport and scrollbars.</p>
+     *  which lays out both the viewport and scrollbars.
+     * 
+     *  When the viewport property is set, the viewport's clipContent property is 
+     *  set to true to enable scrolling.</p>
      */
     public function get viewport():IViewport
     {       

import mx.events.PropertyChangeEvent;
import mx.components.baseClasses.FxComponent;
import mx.core.ScrollPolicy;
import mx.managers.IFocusManagerComponent;

    

            switch (event.keyCode)
            {
                case Keyboard.LEFT:
                    hspDelta = vp.getHorizontalScrollPositionDelta(ScrollUnit.LEFT);
                    break;
                case Keyboard.RIGHT:
                    hspDelta = vp.getHorizontalScrollPositionDelta(ScrollUnit.RIGHT);
                    break;
                case Keyboard.HOME:
                    hspDelta = vp.getHorizontalScrollPositionDelta(ScrollUnit.HOME);
                    break;
                case Keyboard.END:                
                    hspDelta = vp.getHorizontalScrollPositionDelta(ScrollUnit.END);
                    break;
                // If there's no vertical scrollbar, then map page up/down to
                // page left,right
                case Keyboard.PAGE_UP:
                     if (!verticalScrollBar || !(verticalScrollBar.visible))   
                         hspDelta = vp.getHorizontalScrollPositionDelta(ScrollUnit.PAGE_LEFT);
                     break;
                case Keyboard.PAGE_DOWN:
                     if (!verticalScrollBar || !(verticalScrollBar.visible))   
                         hspDelta = vp.getHorizontalScrollPositionDelta(ScrollUnit.PAGE_RIGHT);
                     break;
            }
            if (!isNaN(hspDelta))
            {
