Tengo un problema con los navegadores Webkit. El problema ocurre cuando enfoco mi cursor al elemento <input> y comienzo a mover el mouse sin soltar el botón.Impedir el desplazamiento del hijo de gran tamaño en el padre con desbordamiento: oculto (webkit)
Aquí es un screencast - http://screencast.com/t/P1BnT7ZAdc
Aquí es una demostración de HTML/CSS - http://napokrovke.mysundays.net/webkit_bug.html
¿Cómo puedo evitar que este comportamiento?
Esto no es un error, es porque ha configurado el contenedor en 300px, y ha aplicado la propiedad de desbordamiento de oculta, lo que le permite desplazarse si el contenido dentro es mayor que los 300px que definió, Im en Firefox en OSX y también puedo desplazarme en él.
la única forma en que esto puede ser forzada es tal vez para aplicar esto a las marcas HTML campo de texto
onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false; this.focus()"
esto debe desactivar al usuario de arrastre en torno al seleccionarlo dentro de la caja, pero por otra parte también deshabilita que haga clic dentro de la caja, por lo que al usar el foco debes enfocar esta caja manualmente. pero si eso es lo que realmente quieres?
¿Cuál es la intención? ¿El rojo está diseñado para ser una alerta de error o algo así? – Scott
Si le preocupa que alguien pueda cambiar la posición del elemento, es posible que desee agregar el segundo bit utilizando Javascript una vez que haya terminado con el primer elemento. – Wex