Erreur de compilation: widget trouvé dans un contexte HTML élément

Question

J'ai vu this answer mais mon je ne peux pas voir ce qui pourrait éventuellement être le problème dans mon propre code. Voici mon uibinding xml:

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> 
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' 
xmlns:g='urn:import:com.google.gwt.user.client.ui' xmlns:a='urn:import:com.google.gwt.app.client'> 
    <ui:style field='iphone' src='Render.css' />   
<div id='iHeader'> 
    <div 
     style='display:block; opacity:1; -webkit-tranform:translate3d(0px, 0px, 0px);'> 
     <a> 
      <span id='waHeadTitle' 
       style='display:block; -webkit-tranform:translate3d(0px, 0px, 0px);'> 
       <g:HTML ui:field="title" /> 
      </span> 
     </a> 
    </div> 
</div> 
</ui:UiBinder> 

Je reçois le message d'erreur: Trouvé widget dans un contexte HTML Élément <g:HTML ui:field='title'>

Answer 1

Le problème est que l'élément racine du widget est un div. Je pense que c'est bien tant que le widget entier est du HTML pur, mais si vous voulez mélanger du HTML et des widgets, la racine doit être HTMLPanel.