I implemented resizable panes in FeedLounge this afternoon. Everything went rather smoothly (I’d prototyped it in the San Jose Airport and on the plane last month), until I found one very strange issue in IE.
When I resized the vertically separated panes, they would only go in one direction. Moving the bar down worked fine, but moving the bar up didn’t work. A little poking around and I discovered that the style.height
was getting set properly, but was apparently being ignored. Of course, this all worked just fine in Firefox, Camino and Safari.
After much frustration, I enlisted some help from an old colleague and we found a work-around:
- Hide all child elements in the div.
- Size the div.
- Size the child elements in the div (relative to the new div height).
- Show all the child elements in the div.
I guess the child elements were pushing the div back to the previous height.
I love developing web applications…
I love developing web applications…
I love developing web applications…
I love developing web applications…
I love developing web applications…
Oh, and I also discovered that Safari doesn’t support many cursors either. In what must have been an odd set of decisions, Safari supports all “one way arrow” cursors (e-resize, n-resize, etc.) but no “two way arrow” cursors (col-resize, row-resize, etc.).
Good times!!
This post is part of the project: FeedLounge. View the project timeline for more context on this post.
This post is part of the project: FeedLounge. View the project timeline for more context on this post.
It doesn’t seem to be resizeable in the demo (using FF)
The demo hasn’t been updated to the gfmorris release yet so we can’t push new features to it. Once the performance changes are in, we’ll update the demo as well.
Your “bashing head on brick wall” emoticon reminded me of the reason I first loved your site: your finger “quotes”. Maybe its because I’ve mostly been reading in a reader, but I’d really love to see those more often 🙂