Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 158 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

If a user expands the chatbox's height, this occurs:

Not the only one who managed to reproduce this bug. Using Chrome 23.0.1271.97 on Windows 8 x64.

share|improve this question
I get this bug also in Win 7 x64 on Chrome 24.0.1312.45. See: – CC Inc Jan 8 '13 at 0:32
Same here, Win7x64 Chrome Version 23.0.1271.97 m – Billdr Jan 8 '13 at 0:33
Confirmed. This does not happen in Opera – random Jan 8 '13 at 0:35
up vote 9 down vote accepted

This is an issue of non-matching heights between the textarea and the CSS. On the element itself, a height of 58px is specified (which becomes 62px with the padding added in), which is exactly the height of the section being used in the sprite image. However, the CSS specifies a max-height: 60px which allows you to resize the textarea 2 extra pixels higher than should be allowed. Doing so, the tip of the right-pointing arrow below the sprite section being used gets repeated horizontally with the gradient.

Sprite Image

It should show on all browsers which properly implemented everything. If not, you probably have the sprite image blocked or something, or your browser sucks.

Anyways, having the same max-height in the CSS as the inline height so you can't expand it vertically seems like the intended behavior. Simple enough fix. :P

share|improve this answer
We could just get rid of the sprite. These days all browsers support box-shadow via CSS, so going with an image isn't really necessary anymore. Well, or we could just disable resizing the box :) – balpha Jan 8 '13 at 9:26

I have just removed the background image for the next build. It's 2013; there's no reason to use an image to give the box a subtle inset box shadow anymore.

share|improve this answer
But you removed the max-height? Now the textarea can be expanded down past the visible area. o.o – animuson Jan 21 '13 at 18:34
I didn't remove any max-height. – balpha Jan 21 '13 at 19:29

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .