title: Print md-dialog content with scroll bar
body: <p>I have a long report made with md-list that is shown in a md-dialog, but when I try to print it, it only shows the section which i'm seeing on the screen no the entire length of the md-list. I have tryed this css tricks on @media:</p>
  
  <pre><code>    @media print {
          .grid-comissoes {
              height: 100%;
              width: 100%;
              position: absolute;
              overflow: hidden;
              zoom: 0.8;
  
              .grid-wrapper {
                  min-width: 0;
              }
          }
      }
  </code></pre>
  
  <p>this is the part i'm trying to print:</p>
  
  <pre><code>     &lt;md-dialog-content class="md-dialog-content"&gt;
      &lt;div layout="row" layout-align="start center" layout-padding class="sd-mixed-row grey"&gt;
          &lt;span class="grey"&gt;Comissões a partir de&lt;/span&gt;           
          &lt;md-input-container flex="20" flex-xs="50" layout-no-padding&gt;
              &lt;label&gt;Início&lt;/label&gt;
              &lt;input sd-datepicker="{changeMonth: false, changeYear: false}" ng-change="detalheCtrl.load()" aria-label="Início do período" ng-model="detalheCtrl.filter.startDh" ng-model-options="{debounce:300}"&gt;
          &lt;/md-input-container&gt;
          &lt;span class="grey"&gt;até&lt;/span&gt;
          &lt;md-input-container flex="20" flex-xs="50" layout-no-padding&gt;
              &lt;label&gt;Fim&lt;/label&gt;
              &lt;input sd-datepicker="{changeMonth: false, changeYear: false}" ng-change="detalheCtrl.load()" aria-label="Fim do período" ng-model="detalheCtrl.filter.endDh" ng-model-options="{debounce:300}"&gt;
          &lt;/md-input-container&gt;
      &lt;/div&gt;
      &lt;div layout="row" ng-if="detalheCtrl.loading" layout-align="center center"&gt;
          &lt;md-progress-circular md-mode="indeterminate"&gt;&lt;/md-progress-circular&gt;
      &lt;/div&gt;
      &lt;div layout="column" ng-if="!detalheCtrl.loading"&gt;
          &lt;md-list layout-fill-width class="grey md-body-1 grid-comissoes" ng-repeat="regra in detalheCtrl.regrasComissoes"&gt;
              &lt;md-list-item layout="row" class="regra-header"&gt;
                  {{ detalheCtrl.getInfoRegra(regra) }}
              &lt;/md-list-item&gt;
              &lt;div class="grid-wrapper" ng-if="regra.tipoPagamento === 1"&gt;
                  &lt;md-list-item layout="row"&gt;
                      &lt;span&gt;Finalizado em&lt;/span&gt;
                      &lt;span flex="20"&gt;Paciente&lt;/span&gt;
                      &lt;span flex&gt;Tratamento&lt;/span&gt;
                      &lt;span&gt;Valor do tratamento&lt;/span&gt;
                      &lt;span&gt;Comissão&lt;/span&gt;
                  &lt;/md-list-item&gt;
                  &lt;md-divider&gt;&lt;/md-divider&gt;
                  &lt;div ng-repeat="recebimentoTratamento in regra.recebimentosTratamentos"&gt;
                      &lt;md-list-item layout="row"&gt;
                          &lt;span&gt;{{ recebimentoTratamento.tratamento.dataFinal | dateFormat }}&lt;/span&gt;
                          &lt;span flex="20"&gt;{{ recebimentoTratamento.tratamento.paciente.nome }}&lt;/span&gt;
                          &lt;span flex&gt;{{ recebimentoTratamento.tratamento.procedimento.nome }} {{ recebimentoTratamento.tratamento.denteDTO.nome }}&lt;/span&gt;
                          &lt;span&gt;
                              {{ recebimentoTratamento.tratamento.valor | currency }}
                          &lt;/span&gt;
                          &lt;span&gt;{{ recebimentoTratamento.valorCalculadoComissao | currency }}&lt;/span&gt;
                      &lt;/md-list-item&gt;
                      &lt;md-divider&gt;&lt;/md-divider&gt;
                  &lt;/div&gt;
                  &lt;md-list-item layout="row" class="footer-grid"&gt;
                      &lt;span&gt;&lt;/span&gt;
                      &lt;span flex="20"&gt;&lt;/span&gt;
                      &lt;span flex&gt;&lt;/span&gt;
                      &lt;span&gt;&lt;/span&gt;
                      &lt;span&gt;Total&lt;/span&gt;
                      &lt;span&gt;{{ regra.total | currency }}&lt;/span&gt;
                  &lt;/md-list-item&gt;
              &lt;/div&gt;
              &lt;div class="grid-wrapper" ng-if="regra.tipoPagamento === 2"&gt;
                  &lt;md-list-item layout="row"&gt;
                      &lt;span&gt;Pago em&lt;/span&gt;
                      &lt;span flex="20"&gt;Paciente&lt;/span&gt;
                      &lt;span flex&gt;Tratamento&lt;/span&gt;
                      &lt;span flex="20"&gt;Valor Pago&lt;/span&gt;
                      &lt;span&gt;Parcela&lt;/span&gt;
                      &lt;span&gt;Comissão&lt;/span&gt;
                  &lt;/md-list-item&gt;
                  &lt;md-divider&gt;&lt;/md-divider&gt;
                  &lt;div ng-repeat="recebimentoTratamento in regra.recebimentosTratamentos"&gt;
                      &lt;md-list-item layout="row"&gt;
                          &lt;span&gt;{{ recebimentoTratamento.recebimento.dataPagamento | dateFormat }}&lt;/span&gt;
                          &lt;span flex="20"&gt;{{ recebimentoTratamento.tratamento.paciente.nome }}&lt;/span&gt;
                          &lt;span flex&gt;{{ recebimentoTratamento.tratamento.procedimento.nome }} {{ recebimentoTratamento.tratamento.denteDTO.nome }}&lt;/span&gt;
                          &lt;div layout="row" flex="20"&gt;
                              &lt;span ng-if="!detalheCtrl.showInfo(recebimentoTratamento)" flex&gt;{{ recebimentoTratamento.valor | currency }}&lt;/span&gt;
                              &lt;span ng-if="detalheCtrl.showInfo(recebimentoTratamento)" flex&gt;
                                  {{ recebimentoTratamento.valor | currency }} de {{ recebimentoTratamento.recebimento.valor | currency }}
                                  &lt;md-icon style="fill: #2193D7 !important;" class="info-popover-comissao" md-svg-icon="info-full" ng-if="detalheCtrl.showInfo(recebimentoTratamento)"&gt;
                                      &lt;sd-popover class="popover-comissoes" event="hover" align="bottom center"&gt;
                                          &lt;div layout="column" class="md-body-1 grey"&gt;
                                              &lt;span&gt;O paciente pagou a parcela {{ recebimentoTratamento.recebimento.parcela }}/{{recebimentoTratamento.recebimento.numeroDeParcelas}} de {{ recebimentoTratamento.recebimento.valor | currency }} para a clínica.&lt;/span&gt;
                                              &lt;span layout-margin-top&gt;A comissão da {{ detalheCtrl.profissional.nome }} será gerada apenas sobre o valor de {{ recebimentoTratamento.valor | currency }} correspondente ao tratamento {{ recebimentoTratamento.tratamento.procedimento.nome }}.&lt;/span&gt;
                                              &lt;span layout-margin-top&gt;O restante do recebimento é referente a tratamentos realizados por outros profissionais.&lt;/span&gt;
                                          &lt;/div&gt;
                                      &lt;/sd-popover&gt;
                                  &lt;/md-icon&gt;
                              &lt;/span&gt;
                          &lt;/div&gt;
                          &lt;span&gt;{{ recebimentoTratamento.recebimento.parcela }}/{{recebimentoTratamento.recebimento.numeroDeParcelas}}&lt;/span&gt;
                          &lt;span&gt;{{ recebimentoTratamento.valorCalculadoComissao | currency }}&lt;/span&gt;
                      &lt;/md-list-item&gt;
                      &lt;md-divider&gt;&lt;/md-divider&gt;
                  &lt;/div&gt;
                  &lt;md-list-item layout="row" class="footer-grid"&gt;
                      &lt;span&gt;&lt;/span&gt;
                      &lt;span flex="20"&gt;&lt;/span&gt;
                      &lt;span flex&gt;&lt;/span&gt;
                      &lt;span&gt;&lt;/span&gt;
                      &lt;span&gt;Total&lt;/span&gt;
                      &lt;span&gt;{{ regra.total | currency }}&lt;/span&gt;
                  &lt;/md-list-item&gt;
              &lt;/div&gt;
          &lt;/md-list&gt;
          &lt;div layout="column" layout-align="center end" layout-margin-top&gt;
              &lt;span layout-margin-top&gt;Total a pagar {{ detalheCtrl.total | currency }}&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/md-dialog-content&gt;
  </code></pre>