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

Thu Dec 8 10:35:43 EST 2011

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

Yahor Radtsevich commented on JBIDE-10126:
------------------------------------------

It seems like the reason why CSS selectors like [title="x"] do not work is that sometimes we copy not all HTML attributes to the visual part, but only ones that normally should affect visual representation. It could be fixed by changing all HTML templates from
{code}
<vpe:copy attrs="id,style,class,align,dir..." />
{code}
to simple
{code}
<vpe:copy />
{code}

> 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