Sticky-panel breaking at 100% width when browser is resized

[GoogleCodeExporter]

What steps will reproduce the problem?
1. CSS for stick-panel is 100% width
2. Scroll down to activate sticky panel
3. Resize browser

What is the expected output? What do you see instead?
I expect the sticky-panel to resize with the browser to 100%.
Instead it is being given a specific width (the size the browser was when it 
first attached). Detaching and reattaching will cause it to be given a new set 
width, still not the %. 

What version of the product are you using? On what operating system?
I have re-downloaded the latest version (v2.0.1 "Added support for % widths") 
which I had thought would fix this issue. 
I'm getting this issue in Chrome, Firefox and Safari on Mac and IE on PC.


Please provide any additional information below.
The % sticky-panels on your example (downloaded in latest version) seem to work 
on my browsers. Any idea where I'm going wrong? Currently working on 
http://earlybirdevents.com.au/dev/

Original issue reported on code.google.com by [email protected] on 15 Nov 2013 at 4:52

[GoogleCodeExporter]

Have you found any workarounds for this?

Original comment by [email protected] on 9 Jun 2014 at 11:17

[johngarbi]

I'm having the same problem here. A stuck panel won't resize with the page.

[Dezachu]

For those who, like me, are just coming across this plugin, I have a bit of a hack that's solving my issue (we have a sub-navbar that we want to stick to the top):

Line 142: change:

"width": node.outerWidth(false) to "width": "100%". If you're not going for 100% width then there's some stuff to be done but this was my fast & hacky 'works for me' fix.