Ioni c 5 переполнение страницы печати не работает прокручиваемый контент - PullRequest
1 голос
/ 18 июня 2020

Я пытаюсь распечатать страницу Ioni c 5. Я использую angular, а содержимое отображается в angular. Я уже установил overflow-y на visible, попробовал все, но когда я нажимаю ctrl + P, он печатает только 1 страницу с вырезанным содержимым. Content cut

Я уже добавил к css overflor-y, но кажется, что ioni c отображает содержимое внутри прокручиваемого окна просмотра.

app.component.s css:

ion-app,
body,
ion-router-outlet,
app-test-print,
p{
    overflow: visible;
    contain: none;
    display: block;
}

.ion-page{
    contain: none!important;
}

страница test.print:

.print{
    overflow-y: visible;
    contain: none;
    display: block;
}
<ion-header>
  <ion-toolbar>
    <ion-title>test-print</ion-title>
  </ion-toolbar>
</ion-header>

<p class="print">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacus nulla,
  consectetur ullamcorper gravida sed, suscipit eu massa. Vestibulum ut felis
  sit amet nunc egestas fermentum vitae non diam. Phasellus tellus velit,
  tristique tempus justo non, imperdiet varius leo. Donec quis cursus nunc.
  Sed purus risus, blandit in dui et, facilisis blandit diam. Sed leo arcu,
  vestibulum eget justo et, pretium dignissim mauris. Vestibulum vehicula
  consectetur ante. ... 
  [LONG TEXT HERE]
</p>

Я пробовал все, но содержимое всегда обрезается. Может, кто-нибудь мне поможет. Спасибо!

...