Disable wrapping in a textarea

Question

I am trying to stop disable in textarea. I am working in a markdown previewer and I want to apply that. I try this methods but it didn't work:

<textarea name="nowrap" wrap="soft">Something</textarea>
<!-- and css method:-->
textarea {
 white-space: nowrap;
}

Thanks!

[This previous answer](https://stackoverflow.com/a/657811/21146235) has a fairly comprehensive survey of what's available — motto, Apr 01 '23 at 08:05
Sorry to hear that. Maybe the markdown previewer strips away styles and/or sanitises html props. Perhaps you could provide more details. — motto, Apr 01 '23 at 22:18

score 1 · Accepted Answer · answered Apr 02 '23 at 13:44

1

Sorry! I find the solution myself. I need to add readonly. Example:

textarea{
width: 350px;
background-color: #c0d8d8;
}

<textarea readonly>Something is funny</textarea>

answered Apr 02 '23 at 13:44

Mohamed Zahour

1 Answers1