Resize window, step division problems

[stahlmanDesign]

Two problems when resizing the window (Bootstrap used in this example)

http://www1.journaldemontreal.com/2014/04/inondations/

1. Does not resize correctly when window resizes (axis and slider are off)
2. Even though specified step(1), it divides the steps into 1.5, 2, 2.5 etc. if window big enough

Am I using it wrong or are these just limitations of the current release 1.32 release?

[kbjr]

Any info about this? Is there no way to make this resize properly when the browser is resized?

[Shadowen]

I am aware that I am quite late, but I have recently encountered this problem myself.

The best workaround I have so far is to save your slider-generating function like:

var slider = d3.slider();
var sliderContainer = d3.select(parent)
    .append('div')
    .call(slider);

then re-create the slider in the window resizing event callback (I'm using jQuery):

$(window).resize(function(){
    sliderContainer.remove();
    sliderContainer = d3.select(parent)
        .append('div')
        .call(slider);
}

Hopefully that sample works (or you can get it to work).