[jbosstools-issues] [JBoss JIRA] (JBIDE-10126) VPE Visual editor incorrectly renders some complex styles

Tue Dec 27 11:04:09 EST 2011

    [ https://issues.jboss.org/browse/JBIDE-10126?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12653171#comment-12653171 ] 

Denis Maliarevich commented on JBIDE-10126:
-------------------------------------------

HTML uses "title" attr to show element's tooltip.
So we faced with the dilemma: show well-fromed VPE's tooltips for elements (with the tag name and its major attributes) or show correct css styles on the page.

> VPE Visual editor incorrectly renders some complex styles
> ---------------------------------------------------------
>
>                 Key: JBIDE-10126
>                 URL: https://issues.jboss.org/browse/JBIDE-10126
>             Project: Tools (JBoss Tools)
>          Issue Type: Bug
>          Components: Visual Page Editor core
>    Affects Versions: 3.3.0.M3
>            Reporter: Viacheslav Kabanovich
>            Assignee: Denis Maliarevich
>             Fix For: 3.3.0.Beta1
>
>         Attachments: Browser.png, VisualEditor.png
>
>
> EXECUTE: Create style sheet:
> {code}
>     .styleA {color: #FF0000}
>     .styleA .styleB {color: #FF8000}
>     div.styleA {color: #FF0080}
>     div[title="x"].styleA {color: #0000FF}
>     p input.styleA {color: #CCAA00}
>     div p input.styleA {color: #CC00FF}
>     [title="y"] p input.styleA {color: #00CCFF}
> {code}
> EXECUTE:
> Create html:
> {code}
> <html>
> <head>
> 	<title>Hello!</title> 
> 	<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
> </head>
> <body>	
> 	<p class="styleA">
> 		.styleA {color: FF0000}
> 	</p>	
> 	<p class="styleA">
> 		.styleA {color: FF0000}
> 		<br/>
> 		<b class="styleB">.styleA .styleB {color: FF8000}</b>
> 	</p>
> 	<div class="styleA">
> 		div.styleA {color: FF0080}
> 	</div>	
> 	<div title="x" class="styleA">
> 		div[title="x"].styleA {color: 0000FF}
> 	</div>	
> 	<p>
> 		<input type="button" class="styleA" value="p input.styleA {color: CCAA00}"/>
> 	</p>
> 	<div>
> 		<p>
> 			<input type="button" class="styleA" value="div p input.styleA {color: CC00FF}"/>
> 		</p>
> 	</div>	
> 	<div title="y">
> 	  <div>
> 		<p>
> 			<input type="button" class="styleA" value="[title='y'] div p input.styleA {color: 00CCFF}"/>
> 		</p>
> 	  </div>
> 	</div>	
> </body>
> </html>
> {code}
> EXECUTE: Compare page in external browser and in JBoss Tools Visual Editor (see attached pictures).
> ASSERT: Visual Editor should render html in the same way as external browser.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.jboss.org/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira