Error de compilación: widget encontrado en un elemento de contexto HTML

Question

He visto esta respuesta Pero mi no puedo ver cuál podría ser el problema en mi propio código. Aquí está el My 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>

Luego recibo el mensaje de error: widget encontrado en un elemento de contexto HTML <g:HTML ui:field='title'>

Answer 1

El problema era que el elemento raíz del widget era un div. Creo que está bien siempre que todo el widget sea puro HTML, pero si desea mezclar HTML y widgets, la raíz debe ser htmlpanel.