Why does altering the height attribute for the input box on a sitefeed web part break its validation?

Question

I'm working on a solution for a client which includes a newsfeed web part on the site homepage. For some reason the character limit for a newsfeed post isn't being enforced, by which I mean the warning text isn't appearing when the user exceed 512 characters and the page ends up hanging.

We are using a custom master page and some styling on the site and if I switch the site to use a standard master page i.e. oslo.master then the newsfeed behaves correctly. Clearly something in our alterations to the site look and feel has knocked out the newsfeed validation.

UPDATE: I have worked out that the problem is caused by one of our custom css, specifically this line. If I remove it everything works as expected:

#ms-microblogdiv .ms-microfeed-postBox {   
    height: 100px; 
}

Does anyone out there have any idea why this might be the case?

Many thanks

Answer 1

Just Change:

from:

#ms-microblogdiv .ms-microfeed-postBox 
{   
    height: 100px;
}

to

#ms-microblogdiv .ms-microfeed-postBox 
{   
    min-height: 100px; 
}

In this case with the css is trying to increase the feed box, but the css is blocking.

I translate this message with google translator, rs.

Hugs