New line character in <textarea> broken

chou-tyskei

Mar 25th 2021

Version

3.0.7

Reproduction link

https://jsfiddle.net/ft1d0ump/

Steps to reproduce

Mount vue to target element:

let VueApp = {} let vm = Vue.createApp(VueApp).mount('#form');

What is expected?

New line character in renders correctly</p> <h3>What is actually happening?</h3> <p>New line character changes into "space"</p>  </div> <div class="topic__footer"> <div class="topic__footer-likes"> </div> </div> </div> </div> </div> </div> <div class="topics__control"> <a href="https://github.com/vuejs/core/issues/3479" class="btn" target="_blank" rel="nofollow noopener noreferrer"><i class="icon-Bookmark"></i>GitHub</a> <a id="trackButton" class="btn"><i class="icon-Track"></i>Track</a> </div> </div> </div> </main>  <footer> <div class="footer js-dropdown"> <div class="container"> <div class="footer__bline"> <ul class="footer__menu"> <li class="footer__copyright"><span>© 2023 gissues.com</span></li> <li><a href="/privacy-policy">Privacy Policy</a></li> </ul> </div> </div> </div> </div> </footer>  <script src="/vendor/jquery/jquery.min.js"></script> <script src="/vendor/velocity/velocity.min.js"></script> <script src="/js/app.js"></script> <script src="/js/language-picker.js" lang="application/javascript"></script> </body> </html>