update feature detection on resize observer example

chrisdavidmills · chrisdavidmills · commit 2b87e1988dea · 2019-09-04T06:19:18.000+01:00
diff --git a/resize-observer/resize-observer-text.html b/resize-observer/resize-observer-text.html
@@ -64,7 +64,7 @@ <h1>So what happened?</h1>
       </form>
     </div>
     <script>
-      if(ResizeObserver) {
+      if(window.ResizeObserver) {
         const h1Elem = document.querySelector('h1');
         const pElem = document.querySelector('p');
         const divElem = document.querySelector('body > div');
@@ -87,6 +87,7 @@ <h1>So what happened?</h1>
               pElem.style.fontSize = Math.max(1, entry.contentRect.width/600) + 'rem';
             }
           }
+          console.log('Size changed');
         });
 
         resizeObserver.observe(divElem);
@@ -98,6 +99,8 @@ <h1>So what happened?</h1>
             resizeObserver.unobserve(divElem);
           }
         });
+      } else {
+        console.log('Resize observer not supported!');
       }
     </script>
   </body>

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ <h1>So what happened?</h1>`
`64`	`64`	`</form>`
`65`	`65`	`</div>`
`66`	`66`	`<script>`
`67`		`- if(ResizeObserver) {`
	`67`	`+ if(window.ResizeObserver) {`
`68`	`68`	`const h1Elem = document.querySelector('h1');`
`69`	`69`	`const pElem = document.querySelector('p');`
`70`	`70`	`const divElem = document.querySelector('body > div');`
`@@ -87,6 +87,7 @@ <h1>So what happened?</h1>`
`87`	`87`	`pElem.style.fontSize = Math.max(1, entry.contentRect.width/600) + 'rem';`
`88`	`88`	`}`
`89`	`89`	`}`
	`90`	`+ console.log('Size changed');`
`90`	`91`	`});`
`91`	`92`
`92`	`93`	`resizeObserver.observe(divElem);`
`@@ -98,6 +99,8 @@ <h1>So what happened?</h1>`
`98`	`99`	`resizeObserver.unobserve(divElem);`
`99`	`100`	`}`
`100`	`101`	`});`
	`102`	`+ } else {`
	`103`	`+ console.log('Resize observer not supported!');`
`101`	`104`	`}`
`102`	`105`	`</script>`
`103`	`106`	`</body>`