Added style="display:none" to generated container of dock component.

@@ -12,6 +12,9 @@
             with the cursor, and usually perform some action when clicked. This plugin mimics that behaviour by
             with the cursor, and usually perform some action when clicked. This plugin mimics that behaviour by
             transforming a contiguous set of HTML images into an expanding Dock, vertical or horizontal, with or without
             transforming a contiguous set of HTML images into an expanding Dock, vertical or horizontal, with or without
             labels.
             labels.
+
+            Note that this component will not work if it's children render anything else except "<script>", "<a>"
+            or "<img>".
         </description>
         </description>
         <renderer generate="false" override="true">
         <renderer generate="false" override="true">
             <name>org.richfaces.DockRenderer</name>
             <name>org.richfaces.DockRenderer</name>

@@ -100,7 +100,9 @@ public class DockRenderer extends HeaderResourcesRendererBase {
         Object styleClass = component.getAttributes().get("styleClass");
         Object styleClass = component.getAttributes().get("styleClass");
         styleClass = styleClass == null ? "" : " " + styleClass.toString();
         styleClass = styleClass == null ? "" : " " + styleClass.toString();
         writer.writeAttribute(HTML.class_ATTRIBUTE, "rf-dk" + styleClass, HTML.class_ATTRIBUTE);
         writer.writeAttribute(HTML.class_ATTRIBUTE, "rf-dk" + styleClass, HTML.class_ATTRIBUTE);
-        writer.writeAttribute(HTML.style_ATTRIBUTE, component.getAttributes().get("style"), HTML.style_ATTRIBUTE);
+        Object style = component.getAttributes().get("style");
+        style = style == null ? "" : style.toString();
+        writer.writeAttribute(HTML.style_ATTRIBUTE, "display:none;" + style, HTML.style_ATTRIBUTE);
     }
     }
 
 
     @Override
     @Override