Avoid having overflowing sections (#15036 follow-up)

Author: calixteman

src/display/annotation_layer.js

@@ -908,7 +908,7 @@ class WidgetAnnotationElement extends AnnotationElement {
       const height = Math.abs(this.data.rect[3] - this.data.rect[1]);
       computedFontSize = Math.min(fontSize, Math.round(height / LINE_FACTOR));
     }
-    style.fontSize = `${computedFontSize}%`;
+    style.fontSize = `calc(${computedFontSize}px * var(--scale-factor)`;
 
     style.color = Util.makeHexColor(fontColor[0], fontColor[1], fontColor[2]);
 

web/annotation_layer_builder.css

@@ -41,7 +41,6 @@
   position: absolute;
   top: 0;
   left: 0;
-  font-size: calc(100px * var(--scale-factor));
   pointer-events: none;
   transform-origin: 0 0;
 }