2017-04-24 21 views
0

画面上に長い要素のリストを印刷しようとしています。 IEでは、最初のページだけが印刷され、残りの要素は切り捨てられます。他のブラウザでは、期待どおりに印刷されます。これはiframeにはありませんが、ポップアップになっています(ページ上に絶対配置されています)。注目すべき点は、要素の長いリストがポップアップのスクロール<div>(リストが画面に収まらないため)です。 (ページ上のすべての絶対位置を削除IE11は、スクロールポップアップの最初のページを印刷します

  1. 見えるまで、すべてのオーバーフロープロパティの設定ページから山車
  2. を取り除く:

    ここ

    は、私はこの問題を解決するために動作しません知っているいくつかのものですまたは全ての要素からすべてのheightプロパティを削除

  3. )それらをコメントアウト

残念ながら、問題の原因がわからないため、問題を再現したコードサンプルを作成してデバッグツールとして提供することはできません。これは、より大きなAngular 2アプリケーションの一部です。

+0

印刷専用メディアクエリでオーバーフローを隠して、ポップアップdivの高さを100%に設定します。 @mediaプリント{ #divpopup {高さ:100%;オーバーフロー:自動;} }私は、残念ながら、それが動作しない、それを試し –

+0

@RobParsons。印刷物にはページ全体を囲むスクロールバーがあります。私はまた、印刷する必要があるリストの親である他のすべての要素にそれらの高さとオーバーフロープロパティを追加しようとしましたが、運はありません。 – David

答えて

1

結局のところ、絶対的な位置決めであったが、計算されたページの高さとの組み合わせであった。

アプリのルートコンポーネントには、calc(100vh - 200px)のような計算されたCSSの高さがあります。その高さを高さに置き換える:コンポーネントの取り外し可能な位置の印刷メディアのauto:ポップアップからの絶対的な実際の作業。

ルートコンポーネントがのいずれかの固定高さであっても、必ずしも計算された高さではない場合、この問題が浮かび上がると思います。

概要:あなたはこの問題に遭遇した場合は、絶対位置と組み合わせて使用​​されている固定の高さの親要素に目を光らせておいてください。

関連する問題