iframeのオーバーフローを無効にする：auto; Google Apps Script Web Appの場合

Question

アプリスクリプトウェブアプリケーションを作成するときに、スクロールするときにページサイズとスモールスクロールの移動を表す、垂直方向のスクロールバーが常に右側に表示されます。

ウェブアプリケーションは、userHtmlFrameのIDがoverflow-y: scroll;であるiframe内で実行されます。これにより、ページをスクロールする必要があるかどうかに関係なく、常にスクロールバーが表示されます。ページをスクロールする必要がない場合は、ここに示すように右側のコンテンツを非表示にします。

ページをスクロールする必要がある場合は、スクロールバーが表示されなくなります。

適切なCSSを追加しても機能しません。その中からiframeのスタイリングを変更することはできないようです。

アプリスクリプトでHTMLを生成してスクロールを無効にするときに、iframeやその他のプロパティでスタイリングを変更する方法はありますか？

Answer 1

互換性のないものが見つかるまで、開発者コンソールを開き、CSSスタイルを1つずつオフにしなければなりませんでした。私はmaterialize.cssフレームワークを使用していましたが、以下のオーバーライドを追加して追加のスクロールバーを削除しました。

<!-- This will fix the scroolbar caused by materialze.css --> 
    <style> 
    [class] { 
      will-change: unset; 
      -webkit-backface-visibility: visible; 
     /* backface-visibility: visible; */ 
      } 
    [type="checkbox"]:checked + label:before { 
      -webkit-backface-visibility: visible; 
      backface-visibility: visible; 
     } 
    </style>