[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:44: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:44 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 &amp; 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: 
- Version: 7.0.0.Beta1
- Build id: Beta1-v20130529-0631-B257
- Build date: 20130529-0631
                
      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 &amp; 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
- jdk1.6.0_45
                  
> 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