In Chrome version 41, DIV element with fixed position had additional offset – offset that shouldn’t appear. After googling for a while, I have found the the cause of such behaviour – CSS transform style on parent container. Disabling transform style has fixed the problem.
Just had an issue with position: fixed and parent container with “transform” styles. Fixed DIV element had some strange offset that shouldn’t be there.
The problem was solved by adding additional “notransform” class to the parent container.
… and here is how to deactivate “transform” styles of bootstrap modal-dialog:
/* disable transform property (add class to the modal-dialog DIV) */
.notransform {
-webkit-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
This was all in conflict with bootstrap – HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Here is link that open my eyes and lead to stackoverflow: CSS position: fixed elements not acting like fixed elements
… and issue that’s been solved with REDIPS.drag project: https://github.com/dbunic/REDIPS_drag/issues/16