Width update on resize

[RoffeDH]

After a little headache I found the problem to the width. The original code is as follow:
[code]$this.css({width: $this.outerWidth();});[/code]
The issue with this is that upon re-sizing the window the pinned element wont re-size (like I wanted it to do.

So all I had to do was the following change:
[code]$this.css({width: $this.parent().outerWidth();});[/code]

Now, this might not be something you'd want to make happen on every instance, so maybe do it an option:

$('.pinned').pin({
resize: true
});

[MindSculpt]

I actually don't see an instance where this isn't mandatory, as it breaks on any browser resizing. +1 for adding this into the plugin permanently.

[alexslade]

👍 @RoffeDH's fix works nicely. I've issued a PR to help.

[LostSenSS]

👍

[robertwbradford]

Thanks, @RoffeDH!

[custa1200]

Any chance of getting this rolled in. It's pretty broken without it. I am trying to pin an error status bar but it breaks on resize.

[ryandury]

@RoffeDH 👍

[dannybrown73]

if this is the issue i was having of the pinned item getting stuck in one spot on resize, my hacky fix for this is to reset it on window resize with:

$(window).on('resize', function(){
        $('.mypinclass').attr('style', '').removeData('pin');
        $('.mypinclass').pin();
    });

[pmdevelopment]

Maybe a better way than resetting:

$('.selector').pin({
    containerSelector: '.container'
});
$(window).on('resize', function () {
    $('.selector').width($('.container').width());
});

[ryscript]

I saw in the code that it looks addressed now, however, it didn't work as expected on my end, anyone having the same issue with the latest version? and what trick does work for you?

Thanks