From: Joshua Tauberer Date: Tue, 14 Apr 2015 00:43:59 +0000 (-0400) Subject: affix plugin does not work within a pulled/pushed column X-Git-Tag: v3.3.5~120^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=20b5e2476561b4029c8d12210ecf3a88a206234c;p=thirdparty%2Fbootstrap.git affix plugin does not work within a pulled/pushed column This documents the limitation discussed in https://github.com/twbs/bootstrap/issues/12126: > When using column reordering and using the affix-plugin on an element positioned with push, the affix plugin doesn't work correctly - the element affected by the affix plugin is positioned to the left even when the element is in a column positioned on the right. Seems to affect Safari (tested in version 8) only. That issue has (unfortunately) been closed, so this at least documents the behavior. --- diff --git a/docs/_includes/js/affix.html b/docs/_includes/js/affix.html index 5eaed70283..c94efc03fb 100644 --- a/docs/_includes/js/affix.html +++ b/docs/_includes/js/affix.html @@ -8,6 +8,7 @@

Usage

Use the affix plugin via data attributes or manually with your own JavaScript. In both situations, you must provide CSS for the positioning and width of your affixed content.

+

Note: Do not use the affix plugin on an element contained in a relatively positioned element, such as a pulled or pushed column, due to a Safari rendering bug.

Positioning via CSS

The affix plugin toggles between three classes, each representing a particular state: .affix, .affix-top, and .affix-bottom. You must provide the styles, with the exception of position: fixed; on .affix, for these classes yourself (independent of this plugin) to handle the actual positions.