por qué -webkit-transform: translate3d (0, 0, 0) se equivoca con childs fijos

He intentado durante las últimas horas averiguar cómo es que un elemento secundario se estaba posicionando en contra de su elemento primario y no en el protector de pantalla a pesar de que está posicionado como “fijo”. Muy afortunadamente, me encontré con la mención de que -webkit-transform: translate3d(0, 0, 0) en el padre puede hacer que las cosas salgan mal. Estoy usando el framework bootstrap así que pusieron esta propiedad en la .navbar-fixed-top que tenía uno de los elementos principales. Una vez que lo quité, el niño comenzó a posicionarse en una ventana gráfica. Entonces tengo dos preguntas:

  1. ¿Por qué -webkit-transform: translate3d(0, 0, 0) hacen estas cosas desagradables?
  2. ¿Por qué los tipos bootstrap ponen esta propiedad para la .navbar-fixed-top ?

ACTUALIZAR
Bueno, parece que encontré la respuesta a la segunda pregunta. Aquí está el mensaje de compromiso:

Aplica translate3d a modal, navbar-fixed y affix para combatir el repintado del navegador

Aquí está la respuesta a la segunda pregunta:

Cualquier valor calculado distinto de ninguno para la transformación da como resultado la creación de un contexto de astackmiento y un bloque contenedor. El objeto actúa como un bloque contenedor para descendientes posicionados fijos.

En cuanto a tu primera pregunta:

Estás usando transformaciones. Eso es lo que está causando el problema.

Eche un vistazo a la especificación: el modelo de transformación de transformación

Especificar un valor que no sea ‘ninguno’ para la propiedad ‘transformar’ establece un nuevo sistema de coordenadas local en el elemento al que se aplica.

Entonces, el elemento con posicionamiento fijo se convertirá en relativo al elemento con la transformación, no en la ventana gráfica

Utilicé este “hackery” (- webkit-transform: translate3d (0, 0, 0)) para arreglar fallas de la escala de transformación (algunos elementos se movían cuando estaba interactuando con la página) pero tuve un problema con la posición fija en el webkit (No pude establecer el foco en las entradas de texto de posición fija) y cuando lo eliminé se solucionó. Como estaba usando la escala de transformación solo en Firefox, no tuve ningún problema para eliminarlo (En webkit terminé usando el zoom que actúa Mucho mejor que transform: scale (pero -webkit-transform: translate3d (0, 0, 0) se dejó allí desde el css heredado) y espero que también Firefox sea compatible con el zoom.