HTML Double Click Selection Oddity

Question

No publiqué esto en DocType porque no es realmente una cosa design, la representación visual no es mi problema, el comportamiento es. Lo siento si esto está fuera de lugar, pero no creo que sea un problema de diseñador.

La siguiente DOM:

<ul style="overflow: hidden;"> 
    <li style="float: left;"><strong>SKU:</strong>123123</li> 
    <li style="float: left;"><strong>ILC:</strong>asdasdasdasd</li> 
</ul> 

O

<div style="overflow: hidden;"> 
    <div style="float: left; width: 49%"><strong>SKU:</strong>123123</div> 
    <div style="margin-left: 50%; width: auto;"><strong>ILC:</strong>asdasdasdasd</div> 
</div> 

O

<p> 
    <span><strong>SKU:</strong>123123</span> 
    <span><strong>ILC:</strong>asdasdasdasd</span> 
</p> 

Todo me presentan un problema extraño en

• IE 6
• IE 7
• Firefox 3.x
• Chrome

Pero no en

• IE 8

Cuando doble clic '123123 'después' SKU: ', selecciona' 123123 'Y' ILC: 'del próximo elemento dom ment.

Tome cualquier texto en esta página (aquí en SO), haga doble clic en una palabra, solo selecciona THAT WORD, incluso en medio de un párrafo. Estos ejemplos tienen elementos dom que los cierran, cualquiera sabe por qué está sucediendo esto.

Mis compañeros de trabajo utilizan el mecanismo de 'doble clic' para seleccionar el ID de producto correspondiente para que haga su trabajo, y esta dosis no tiene sentido para mí lo soever.

Answer 1

Sospecho que si incluye un espacio o un espacio libre &nbsp entre sus dos elementos, encontrará que puede hacer doble clic y seleccionar solo uno, pero no ambos elementos, ya que el navegador ya no verá los dos elementos como una sola palabra.

Answer 2

que tenían el mismo problema. Si pones un espacio antes de la etiqueta de cierre de tu li, eso debería arreglarlo.

<ul style="overflow: hidden;"> 
    <li style="float: left;"><strong>SKU:</strong>123123 </li> 
    <li style="float: left;"><strong>ILC:</strong>asdasdasdasd </li> 
</ul>