Uploaded image for project: 'Tools (JBoss Tools)'
  1. Tools (JBoss Tools)
  2. JBIDE-10126

VPE Visual editor incorrectly renders some complex styles

XMLWordPrintable

      EXECUTE: Create style sheet:

          .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}
      

      EXECUTE:
      Create html:

      <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>
      

      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.

        1. Browser.png
          Browser.png
          66 kB
        2. VisualEditor.png
          VisualEditor.png
          116 kB
        3. renderdiff.png
          renderdiff.png
          41 kB
        4. complexStyle.html
          0.8 kB
        5. css.css
          0.3 kB
        6. jbide10126vpe.png
          jbide10126vpe.png
          5 kB

            dmaliarevich_jira Denis Maliarevich (Inactive)
            scabanovich Viacheslav Kabanovich (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: