Текстовое поле пользовательского интерфейса материала печатается неправильно - PullRequest
Новая
       27

Текстовое поле пользовательского интерфейса материала печатается неправильно

0 голосов
/ 09 июля 2020

Я пытаюсь распечатать страницу приложения React, используя window.print(). Все печатается правильно, но не текстовое поле (из пользовательского интерфейса материала). Это работает, когда у меня не слишком много текстовых строк. Но когда я пишу много текста, это выглядит так (предварительный просмотр): enter image description here

And this is code:

  {props.data.MetodyWyceny} props.onSetSectionData ('MetodyWyceny', e.target.value)} />  .subsection {ширина: 100%; дисплей: сетка; }

И у меня есть этот код для стилизации текстовых полей (на самом деле многострочное текстовое поле - это текстовое поле): 

  textarea {
    overflow: hidden;
    pointer-events: none;
  }

Итак, что я могу сделать, чтобы правильно распечатать этот компонент? Спасибо.

1 Ответ

0 голосов
/ 09 июля 2020

есть ошибки в вашем использовании или TextField, https://material-ui.com/api/text-field/. у него нет проп. "title".

verify, props.data.MetodyWyceny, зарегистрировав его и посмотрите, есть ли в нем начальные пробелы. я имею в виду, что значение по умолчанию, которое вы устанавливаете, может иметь много пробелов перед фактическим содержанием, это единственное объяснение вашего вывода

...