On window resize > width is not updated

[n1cus]

When I resize the browser window horizontally, the width value of my DOM element is not updated, nor is the height of the containing div the plugin created.

This causes elements to overlap with other non-fixed page elements.

Thank you!

[ymschaap]

Do you have an example use case that I can use to debug?

[n1cus]

Yes! I uploaded it to http://szstudios.net/jquery-lockfixed/
Thank you so much!

[n1cus]

You can download folder here: https://www.dropbox.com/s/0b308uxl5prvrb5/jquery-lockfixed-issue7-files.zip?dl=0

[ymschaap]

You use a fluid width. The issue is when the script locks the container in a fixed position it uses CSS position: fixed. That leads to the container not being restricted to the layout structure anymore. So I first get the width to match with the existing layout. But because you use a fluid layout that becomes more complicated...

I've worked on a fix for your case: https://gist.github.com/ymschaap/de98598fb0ba6c6b8f50

Haven't tested it out extensively in different scenarios yet to push live, but let me know if that works for you.

[n1cus]

It is much better! Now the width adjusts!

There is still an issue when making the browser window narrower, sometimes the content of the page will now be taller (because of the reduced browser window width), and when we have a fixed element, it will overlap with the now taller preceding page content.
The fixed element should take this in consideration and "unfix" itself to prevent this overlapping from happening.

Thank you very much for your help and your quick action!