diff --git a/web/viewer.css b/web/viewer.css index 81c61e188..38a67dcb2 100644 --- a/web/viewer.css +++ b/web/viewer.css @@ -667,6 +667,7 @@ html[dir='rtl'] .dropdownToolbarButton { } .dropdownToolbarButton { + width: 120px; max-width: 120px; padding: 3px 2px 2px; overflow: hidden; diff --git a/web/viewer.js b/web/viewer.js index 905e95f12..93b498963 100644 --- a/web/viewer.js +++ b/web/viewer.js @@ -3153,14 +3153,16 @@ window.addEventListener('localized', function localized(evt) { document.getElementsByTagName('html')[0].dir = mozL10n.getDirection(); // Adjust the width of the zoom box to fit the content. - var container = document.getElementById('scaleSelectContainer'); - var select = document.getElementById('scaleSelect'); - - select.setAttribute('style', 'min-width: inherit;'); - var width = select.clientWidth + 8; - container.setAttribute('style', 'min-width: ' + width + 'px; ' + - 'max-width: ' + width + 'px;'); - select.setAttribute('style', 'min-width: ' + (width + 20) + 'px;'); + PDFView.animationStartedPromise.then( + function() { + var container = document.getElementById('scaleSelectContainer'); + var select = document.getElementById('scaleSelect'); + select.setAttribute('style', 'min-width: inherit;'); + var width = select.clientWidth + 8; + select.setAttribute('style', 'min-width: ' + (width + 20) + 'px;'); + container.setAttribute('style', 'min-width: ' + width + 'px; ' + + 'max-width: ' + width + 'px;'); + }); }, true); window.addEventListener('scalechange', function scalechange(evt) {