Update interface.js

interface.js

@@ -191,7 +191,10 @@ const currentScriptTag = document.currentScript;
   setMenuContentMaxSize();
   window.addEventListener('resize',            setMenuContentMaxSize);
   document.addEventListener('fullscreenchange', setMenuContentMaxSize);
-  window.addEventListener('orientationchange', setMenuContentMaxSize);
+  window.addEventListener('orientationchange', () => {
+    updateAnnMaxHeight();
+    setMenuContentMaxSize();
+  });
 
   // 9) Aide visible par défaut
   menuContent.style.display         = 'none';
@@ -236,6 +239,13 @@ const currentScriptTag = document.currentScript;
   annLinkBtn.className = 'ann-link-btn';
   annFooter.appendChild(annLinkBtn);
 
+  function updateAnnMaxHeight() {
+    const containerH = widgetContainer.offsetHeight;
+    if (containerH > 0) {
+      widgetContainer.style.setProperty('--ann-max-h', Math.floor(containerH * 0.9) + 'px');
+    }
+  }
+
   annTooltip.appendChild(annCloseBtn);
   annTooltip.appendChild(annImgWrap);
   annTooltip.appendChild(annScroll);
@@ -329,7 +339,8 @@ const currentScriptTag = document.currentScript;
     } else {
       annFooter.style.display = 'none';
     }
-
+    
+    updateAnnMaxHeight();
     annIsOpen = true;
     annOverlay.classList.add('ann-open');
   });
@@ -529,6 +540,7 @@ const currentScriptTag = document.currentScript;
   });
 
   document.addEventListener('fullscreenchange', () => {
+    updateAnnMaxHeight();
     if (!document.fullscreenElement && isFullscreen) {
       isFullscreen = false;
       restoreOriginalStyles();
@@ -541,6 +553,7 @@ const currentScriptTag = document.currentScript;
 
   // ── Resize : recalcule la hauteur en dvh sur iOS ──
   window.addEventListener('resize', () => {
+    updateAnnMaxHeight();
     if (viewerModule.app) {
       if (isFullscreen) {
         viewerModule.app.resizeCanvas(window.innerWidth, window.innerHeight);
@@ -607,6 +620,7 @@ const currentScriptTag = document.currentScript;
 
   // 17) Init par défaut
   setTimeout(() => {
+    updateAnnMaxHeight();
     saveCurrentState();
     document.dispatchEvent(
       new CustomEvent('toggle-tooltips', { detail: { visible: !!config.showTooltipsDefault } })