diff --git a/packages/modelviewer.dev/examples/annotations/index.html b/packages/modelviewer.dev/examples/annotations/index.html
index a684f139e5..eca640b150 100644
--- a/packages/modelviewer.dev/examples/annotations/index.html
+++ b/packages/modelviewer.dev/examples/annotations/index.html
@@ -174,7 +174,9 @@
Animated Hotspots.
let tailRect;
function onResize(){
- baseRect = modelViewer1.getBoundingClientRect();
+ const arStatus = modelViewer1.getAttribute('ar-status');
+ baseRect = (arStatus == "not-presenting" || arStatus == "failed") ?
+ modelViewer1.getBoundingClientRect() : new DOMRect();
noseRect = document.querySelector('#nose').getBoundingClientRect();
hoofRect = document.querySelector('#hoof').getBoundingClientRect();
tailRect = document.querySelector('#tail').getBoundingClientRect();
@@ -182,7 +184,16 @@ Animated Hotspots.
window.addEventListener("resize", onResize);
- modelViewer1.addEventListener('ar-status', onResize);
+ modelViewer1.addEventListener('ar-status', (event) => {
+ lines.forEach((element) => {
+ if (event.detail.status !== 'session-started') {
+ element.classList.remove('hide');
+ } else {
+ element.classList.add('hide');
+ }
+ });
+ onResize();
+ });
modelViewer1.addEventListener('load', () => {
onResize();
diff --git a/packages/modelviewer.dev/examples/postprocessing/index.html b/packages/modelviewer.dev/examples/postprocessing/index.html
index 5eed990de2..4572a95edd 100644
--- a/packages/modelviewer.dev/examples/postprocessing/index.html
+++ b/packages/modelviewer.dev/examples/postprocessing/index.html
@@ -305,7 +305,7 @@ Combining Effects
-
+