TL; DR: Aqui está um violino, clique ou role para ver o erro:http://jsfiddle.net/Tetaxa/6cC9w/

Eu tenho uma página com duas colunas, à direita é uma div afixada (uma barra de ferramentas) e à esquerda é algum conteúdo. Isso funciona muito bem quando o conteúdo é maior que a barra de ferramentas. No entanto, quando a barra de ferramentas é maior, obtenho um comportamento estranho. Ao rolar e clicar, o estado afixado da barra de ferramentas alterna e o conteúdo é recolhido.

Aqui está o html relevante:

<div class="row">
    <div class="col-xs-8">
    <p>Lorem ipsum dolor</p>
    </div>
    <div class="col-xs-4">
        <div class="affixed-div">
            Affixed
        </div>
    </div>
</div>

Aqui está o meu javascript. A parte inferior é calculada para impedir que a barra de ferramentas ultrapasse o conteúdo inferior.

var div = $('.affixed-div');
var row = div.closest('.row');

div.affix({
    offset: {
        bottom: $(document).height() - row.offset().top - row.height(),
        top: div.offset().top
    }
});

E aqui está o css personalizado:

.affix {
    top: 0;
}

.affix-bottom {
    position: relative;
}

Estou fazendo algo errado aqui? É um bug ou está funcionando como pretendido? Preciso verificar manualmente a altura da linha e só fixar a barra de ferramentas se o conteúdo for maior ou se houver uma maneira melhor de evitá-lo? Devo enviar um relatório de bug?