Bootstrap: La apertura modal hace que el contenido fijo cambie

Creado en 2 oct. 2016 · 3Comentarios · Fuente: twbs/bootstrap

Creo que hay un problema con la apertura de modales que hace que se cambie el contenido fijo.

Aquí hay un ejemplo http://codepen.io/eddywashere/pen/ZpXrxQ

Estoy en OSX, 10.11.5, Chrome 53 y tengo System Preferences > General > Show scroll bars: always .

Creo que esto se rastrea en la sección Modal del problema v4 https://github.com/twbs/bootstrap/pull/17021 , pero no contiene un problema activo para rastrearlo.

Finalmente, corrija ese error de cambio de contenido actualizando el modal.js para no ajustar el relleno del cuerpo, sino el relleno en un conjunto específico de clases.

Encontré un problema que estaba cerrado porque era parte de v3, https://github.com/twbs/bootstrap/issues/14040#issuecomment -244817197.

css js v4

Fuente

eddywashere

👍6

Comentario más útil

Entonces, este problema parece ser causado por este javascript (https://github.com/twbs/bootstrap/blob/v4-dev/js/src/modal.js#L428) que lee el ancho de la barra de desplazamiento del usuario y ajusta el <body> consecuencia, PERO no tiene en cuenta las barras de navegación fijas porque tienen position: fixed;

Este es definitivamente un tema interesante con el que también luchamos.

judetucker en 28 oct. 2016

👍5

Todos 3 comentarios

No veo el mismo problema en el sitio de documentos, y la única diferencia que he notado es que algo está agregando un style="padding-right: 33px" al elemento <body> . De acuerdo, los documentos no usan una barra de navegación fija, así que tal vez eso tenga algo que ver con eso.