TextArea in UL doesn't take spacebars?

TextArea in UL doesn't take spacebars?

Hello! I have a problem with JQuery Mobile and I can't figure out what's wrong. For some reason, form elements inside a UL with the data-role "listview" will not accept spacebars - nothing happens when I push it. Taking out data-role="listview" allows spacebars to be typed again. It seems this occurs on multiple kinds of text areas. Any ideas?

Ex: (Edited to add complete barebones test page, with template copied direct from docs, and form elements added with as minimal specificity as possible)

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <title>Page Title</title> 
  5. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
  6. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
  7. <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
  8. </head> 
  9. <body> 

  10. <div data-role="page">

  11. <div data-role="header">
  12. <h1>Page Title</h1>
  13. </div><!-- /header -->

  14. <div data-role="content">
  15. <form action="parse.php" name="hi">
  16. <ul data-role="listview"><li><textarea></textarea></li></ul>
  17. </form>
  18. </div><!-- /content -->

  19. <div data-role="footer">
  20. <h4>Page Footer</h4>
  21. </div><!-- /footer -->
  22. </div><!-- /page -->

  23. </body>
  24. </html>