[jbosstools-issues] [JBoss JIRA] (JBIDE-14722) Odd behavior out of eclipse browser & browsersim on Windows 7
Ilya Buziuk (JIRA)
jira-events at lists.jboss.org
Mon Jun 3 08:27:55 EDT 2013
[ https://issues.jboss.org/browse/JBIDE-14722?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12778821#comment-12778821 ]
Ilya Buziuk edited comment on JBIDE-14722 at 6/3/13 8:26 AM:
-------------------------------------------------------------
[~burrsutter], I have followed your "step by step" demo video ( http://vimeo.com/67480300 ), and everything seems to work well. Here is my demo.html
{code:title=demo.html|borderStyle=solid}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script
src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div data-role="page" id="page-1" data-theme="b">
<div data-role="panel" id="panel-1">
<ul data-role="listview" id="listview-1" data-theme="b">
<li><a href="item1.html">Menu one</a></li>
<li><a href="#page-2">Menu two</a></li>
<li><a href="item3.html">Menu three</a></li>
</ul>
</div>
<div data-role="header" data-theme="b">
<a href="#panel-1" id="button-1" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b">Link button</a>
<h1>Contacts</h1>
<a href="#dialog-1" id="button-2" data-rel="dialog" data-role="button" data-icon="info" data-iconpos="notext">About</a>
</div>
<div data-role="content">
<p>Page content goes here.</p>
<div data-role="fieldcontain">
<label for="text-1">Name</label>
<input name="text-1" id="text-1" data-clear-btn="true" value="" placeholder="First name & Last Name" type="text"/>
</div>
<div data-role="fieldcontain">
<label for="email-1">Email</label>
<input name="email-1" id="email-1" data-clear-btn="true" value="" type="email"/>
</div>
<div data-role="fieldcontain">
<label for="tel-1">Phone</label>
<input name="tel-1" id="tel-1" data-clear-btn="true" value="" type="tel"/>
</div>
<div data-role="fieldcontain">
<label for="date-1">Birth Date</label>
<input name="date-1" id="date-1" data-clear-btn="true" value="" type="date"/>
</div>
</div>
<div data-role="footer" data-theme="b">
<h4>Contacts</h4>
</div>
</div>
<div data-role="dialog" id="dialog-1">
<div data-role="header">
<h1>About</h1>
</div>
<div data-role="content">
<h6>Dialog content.</h6>
About this application
<a href="#dialog-1" data-role="button" data-rel="back">OK</a>
</div>
</div>
<div data-role="page" id="page-2" data-theme="b">
<div data-role="header" data-theme="b">
<a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>
<h1>Second page</h1>
</div>
<div data-role="content">
<p>Page content goes here.</p>
<div data-role="collapsible-set" id="collapsible-set-1" data-theme="b">
<div data-role="collapsible">
<h4>Orders</h4>
<p>Collapsible content.</p>
</div>
<div data-role="collapsible">
<h4>Key Contacts</h4>
<p>Collapsible content.</p>
</div>
<div data-role="collapsible">
<h4>Locations</h4>
<p>Collapsible content.</p>
</div>
</div>
</div>
</div>
<div data-role="footer" data-theme="b">
<h4>Second page</h4>
</div>
</div>
</body>
</html>
{code}
Screenshots:
- !demo.png|thumbnail!
- !internal.png|thumbnail!
Environment:
- Windows 7 64
- Beta1-v20130529-0631-B257
was (Author: ibuziuk):
[~burrsutter], I have followed your "step by step" demo video ( http://vimeo.com/67480300 ), and everything seems to work well. Here is my demo.html
{code:title=demo.html|borderStyle=solid}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script
src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div data-role="page" id="page-1" data-theme="b">
<div data-role="panel" id="panel-1">
<ul data-role="listview" id="listview-1" data-theme="b">
<li><a href="item1.html">Menu one</a></li>
<li><a href="#page-2">Menu two</a></li>
<li><a href="item3.html">Menu three</a></li>
</ul>
</div>
<div data-role="header" data-theme="b">
<a href="#panel-1" id="button-1" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b">Link button</a>
<h1>Contacts</h1>
<a href="#dialog-1" id="button-2" data-rel="dialog" data-role="button" data-icon="info" data-iconpos="notext">About</a>
</div>
<div data-role="content">
<p>Page content goes here.</p>
<div data-role="fieldcontain">
<label for="text-1">Name</label>
<input name="text-1" id="text-1" data-clear-btn="true" value="" placeholder="First name & Last Name" type="text"/>
</div>
<div data-role="fieldcontain">
<label for="email-1">Email</label>
<input name="email-1" id="email-1" data-clear-btn="true" value="" type="email"/>
</div>
<div data-role="fieldcontain">
<label for="tel-1">Phone</label>
<input name="tel-1" id="tel-1" data-clear-btn="true" value="" type="tel"/>
</div>
<div data-role="fieldcontain">
<label for="date-1">Birth Date</label>
<input name="date-1" id="date-1" data-clear-btn="true" value="" type="date"/>
</div>
</div>
<div data-role="footer" data-theme="b">
<h4>Contacts</h4>
</div>
</div>
<div data-role="dialog" id="dialog-1">
<div data-role="header">
<h1>About</h1>
</div>
<div data-role="content">
<h6>Dialog content.</h6>
About this application
<a href="#dialog-1" data-role="button" data-rel="back">OK</a>
</div>
</div>
<div data-role="page" id="page-2" data-theme="b">
<div data-role="header" data-theme="b">
<a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>
<h1>Second page</h1>
</div>
<div data-role="content">
<p>Page content goes here.</p>
<div data-role="collapsible-set" id="collapsible-set-1" data-theme="b">
<div data-role="collapsible">
<h4>Orders</h4>
<p>Collapsible content.</p>
</div>
<div data-role="collapsible">
<h4>Key Contacts</h4>
<p>Collapsible content.</p>
</div>
<div data-role="collapsible">
<h4>Locations</h4>
<p>Collapsible content.</p>
</div>
</div>
</div>
</div>
<div data-role="footer" data-theme="b">
<h4>Second page</h4>
</div>
</div>
</body>
</html>
{code}
Screenshots:
!demo.png|thumbnail!
!internal.png|thumbnail!
Environment:
- Windows 7 64
- Beta1-v20130529-0631-B257
> Odd behavior out of eclipse browser & browsersim on Windows 7
> -------------------------------------------------------------
>
> Key: JBIDE-14722
> URL: https://issues.jboss.org/browse/JBIDE-14722
> Project: Tools (JBoss Tools)
> Issue Type: Bug
> Components: browsersim
> Affects Versions: 4.1.0.Beta1
> Reporter: Burr Sutter
> Assignee: Ilya Buziuk
> Priority: Critical
> Attachments: demo.png, internal.png
>
>
> Version: 7.0.0.Beta1
> Build id: Beta1-v20130529-0631-B257
> Build date: 20130529-0631
> The internal Eclipse browser is not rendering the page correctly and browsersim is just blank.
> see screenshot - using Java 6 32-bit JDK
> http://screencast.com/t/jFYWPQYX
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira
More information about the jbosstools-issues
mailing list