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)
- <!DOCTYPE html>
- <html>
- <head>
- <title>Page Title</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
- </head>
- <body>
- <div data-role="page">
- <div data-role="header">
- <h1>Page Title</h1>
- </div><!-- /header -->
- <div data-role="content">
- <form action="parse.php" name="hi">
- <ul data-role="listview"><li><textarea></textarea></li></ul>
-
- </form>
- </div><!-- /content -->
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
- </div><!-- /page -->
- </body>
- </html>