Servo: Atascado dentro de un cuadro mientras se desplaza

Creado en 6 ago. 2019 · 3Comentarios · Fuente: servo/servo

Pasos para reproducir:

En mac

./mach run https://en.wikipedia.org/wiki/Main_Page --release
Desplácese hasta "artículo destacado de hoy".
Una vez que tenga el cursor dentro de ese cuadro, intente desplazarse hacia arriba o hacia abajo.
En ambos casos, obtendrá un "rebote de desplazamiento" como si alcanzara el límite de una página.
Vaya con el cursor al panel izquierdo y podrá desplazarse hacia arriba nuevamente.

Screen Shot 2019-08-06 at 5 00 48 PM

A-layouuncategorized C-has-manual-testcase

Fuente

gterzian

Comentario más útil

Aquí está el caso de prueba minimizado.

<style>
.outer {
    border: 1px solid red;
    background-color: #efefef;
    overflow: auto;
}
</style>

<div class="outer">
  <h2>Today's featured picture</h2> 
</div>

25dadb88a1d079554e3e248727961198

Después de comentar el border: 1px solid red; , ya no puedo desplazarme dentro de ese div.

f195e79729196006f7f5c770d499d55f

Además, si solo hay border y no overflow , tampoco puedo desplazarme.

Creo que el problema está relacionado con overflow con border .

cc @emilio

CYBAI en 6 ago. 2019

👍2 🎉1

Todos 3 comentarios

Acabo de grabar un gif para mostrar el comportamiento.

wiki

CYBAI en 6 ago. 2019

👍2

Aquí está el caso de prueba minimizado.

<style>
.outer {
    border: 1px solid red;
    background-color: #efefef;
    overflow: auto;
}
</style>

<div class="outer">
  <h2>Today's featured picture</h2> 
</div>

25dadb88a1d079554e3e248727961198

Después de comentar el border: 1px solid red; , ya no puedo desplazarme dentro de ese div.

f195e79729196006f7f5c770d499d55f

Además, si solo hay border y no overflow , tampoco puedo desplazarme.

Creo que el problema está relacionado con overflow con border .

cc @emilio

CYBAI en 6 ago. 2019

👍2 🎉1

Mi conjetura es que el borde se calcula de alguna manera como parte del contenido, lo que puede causar erróneamente el extraño comportamiento de desplazamiento que vemos allí.