affix plugin does not work within a pulled/pushed column

[JoshData]

This documents the limitation discussed in #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.

[cvrebert]

Tweak phrasing: "Safari rendering bug"

[JoshData]

@cvrebert : Got it. I force-pushed to my branch to update the PR in place.

[cvrebert]

@mdo LGTY?

[mdo]

Yeah, sounds good. Totally didn't remember it was only Safari.

[JoshData]

Thanks to both of you!

[mark47]

I just noticed that was happening on something I built. In addition to the more elaborate solutions posed in the main issue thread (that's now locked), just thought I'd share the very simple workaround I have to turn off affix in Safari. Much better to lose the affix functionality than to have unreadable, overlapping content.

/* Check if we are in safari */
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
        // Find affix to turn off by id, class, etc.
        $(".affix-class").removeAttr("data-spy");
        // Or just turn off any affix on page that is in a <div>
        $("div[data-spy]").removeAttr("data-spy");
}