sidebar floats left in narrow window

[judell]

Animation: http://jonudell.info/h/sidebar-floats-left-in-narrow-window.gif

[robertknight]

I was able to reproduce this using the Chrome extension on http://example.com:

1. Go to https://example.com
2. Activate Chrome extension and open sidebar
3. Reduce window size to a width of less than 600 pixels

[lyzadanger]

This isn't surprising, really, when I think about it. Our responsive layout/breakpoints likely need some attention.

[lyzadanger]

It looks like the crux of this problem is an inline style added by src/annotator/sidebar in the show() method. This inline left-margin value is not updated on window resize. If you collapse and re-show the sidebar, it will no longer "float" because the show method in the sidebar will update the inline style with an updated value.

On the other hand, this shouldn't happen if you haven't resized the window.