Chrome expanding textarea + float div positioning

[bbpennel]

Placing an expanding textarea next to a floating div, such as a field label, causes the textarea to render on top of the div in Chrome, but not Firefox or IE:

http://jsfiddle.net/bbpennel/NvHr7/

While trying to figure out what was going on, I toggled off and on the position rule on the embedded textarea and found doing so magically fixed the positioning issue.

Changing positioning to static, forcing a redraw, and then switching back to position:absolute seems to do it: http://jsfiddle.net/bbpennel/ge856/1/

Just trying to trigger a redraw is enough though.

[bgrins]

This layout stuff is always tricky. This is probably an issue with the generated markup and css expecting to take up the full width of the container. Interesting that it doesn't happen in other browsers though.

I've looked into some similar issues before (here: https://github.com/bgrins/ExpandingTextareas/issues/8 and here: https://github.com/bgrins/ExpandingTextareas/commits/cleaner-css) but have never been able to completely fix some of the quirkiness.

[brianmhunt]

I cannot reproduce this issue from the given jsFiddle in Chrome 26.0.1410.43. Has rendering in Chrome been updated?

[bgrins]

@brianmhunt I can't reproduce either. Your theory seems plausible, or maybe we ended up fixing it at some point and not realizing it!