diff --git a/demo/select-basic-demos.html b/demo/select-basic-demos.html
index 0554dec1..0414fc19 100644
--- a/demo/select-basic-demos.html
+++ b/demo/select-basic-demos.html
@@ -7,7 +7,7 @@
     </style>
 
     <h3>Basic Usage</h3>
-    <vaadin-demo-snippet id="select-list-box-basic">
+    <vaadin-demo-snippet id="select-list-box-basic" when-defined="vaadin-select">
       <template preserve-content>
         <vaadin-select></vaadin-select>
         <script>
@@ -52,7 +52,7 @@ <h3>Defining Content with Polymer Templates</h3>
     </vaadin-demo-snippet>
 
     <h3>Configuring the Select</h3>
-    <vaadin-demo-snippet id="select-list-box-configuring">
+    <vaadin-demo-snippet id="select-list-box-configuring" when-defined="vaadin-select">
       <template preserve-content>
         <vaadin-select label="Label" placeholder="Placeholder"></vaadin-select>
         <vaadin-select label="Disabled" disabled></vaadin-select>
@@ -129,7 +129,7 @@ <h3>Customize the Label of Selected Value</h3>
     <p>
         By setting the <code>label</code> attribute of inner vaadin-items you will be able to change the visual representation of the selected value in the input part.
     </p>
-    <vaadin-demo-snippet id="select-list-box-custom-label">
+    <vaadin-demo-snippet id="select-list-box-custom-label" when-defined="vaadin-select">
       <template preserve-content>
         <vaadin-select placeholder="Language"></vaadin-select>
         <script>
diff --git a/demo/select-validation-demos.html b/demo/select-validation-demos.html
index b37da034..6d76c002 100644
--- a/demo/select-validation-demos.html
+++ b/demo/select-validation-demos.html
@@ -7,7 +7,7 @@
     </style>
 
     <h3>Using as a Form Field</h3>
-    <vaadin-demo-snippet id="select-validation">
+    <vaadin-demo-snippet id="select-validation" when-defined="vaadin-select">
       <template preserve-content>
         <iron-form>
           <form method="post">