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.