React Material-разрыв строки пользовательского интерфейса, работающий в Chrome, но не в Safari

#reactjs #safari #material-ui #textfield #multiline

#reactjs #safari #материал-пользовательский интерфейс #текстовое поле #многострочный

Вопрос:

Я пробовал оба amp;#10; и n , но заполнитель разрыва строки не работает в Safari, но в Chrome он работает нормально. Я также пробовал это https://codesandbox.io/s/z354lwp3r4 это, но не повезло

 <TextField
       className="in_multiline"
       multiline
       placeholder={"First Line. nnSecond Line"}
       rows={5}
       value={state.special_instructions}
       onChange={(e) => { }}
       variant="outlined"
  />
  

Ожидаемый результат для заполнителя в safari

 First Line.
Second Line