Bootstrap: A abertura modal faz com que o conteúdo fixo se desloque

Criado em 2 out. 2016 · 3Comentários · Fonte: twbs/bootstrap

Acredito que haja um problema com a abertura de modais que faz com que o conteúdo fixo seja alterado.

Aqui está um exemplo http://codepen.io/eddywashere/pen/ZpXrxQ

Estou no OSX, 10.11.5, Chrome 53 e tenho System Preferences > General > Show scroll bars: always .

Acredito que isso seja rastreado na seção Modal do problema da v4 https://github.com/twbs/bootstrap/pull/17021 , mas não contém um problema ativo para rastreá-lo.

Finalmente, corrija o bug de mudança de conteúdo atualizando o modal.js para não ajustar o preenchimento do corpo, mas sim o preenchimento em um conjunto específico de classes.

Encontrei um problema que foi fechado porque fazia parte da v3, https://github.com/twbs/bootstrap/issues/14040#issuecomment -244817197.

css js v4

Fonte

eddywashere

👍6

Comentários muito úteis

Portanto, este problema parece ser causado por este javascript (https://github.com/twbs/bootstrap/blob/v4-dev/js/src/modal.js#L428) que lê a largura da barra de rolagem do usuário e ajusta o <body> conformidade, MAS não leva em conta barras de navegação fixas porque elas têm position: fixed;

Definitivamente, essa é uma questão interessante com a qual também lutamos.

judetucker em 28 out. 2016

👍5

Todos 3 comentários

Não vejo o mesmo problema no site de documentos, e a única diferença que percebi é que algo está adicionando um style="padding-right: 33px" ao elemento <body> . Concedido, os documentos não usam uma barra de navegação fixa, então talvez isso tenha algo a ver com isso?