BuddyPress.org

The image is: http://imgur.com/6BIHX1Y

I am fine with the auto overflow as long as when I click on the text I can see [post update] in full as it should be.

@ danbp – Thank you for your efforts in helping me. What you suggested did not work.
I will explain what caused this problem and the steps I have done trying to resolve this problem based on what you suggested.

I did the following:
1) I edited buddypress.js file and changed the following two fields from 20px to 50px:
`});
jq(‘form#whats-new-form textarea’).animate({
height:’20px’
});`
and

jq('#whats-new-form textarea').animate({
				height:'20px'

2) I added the following to my CSS:

#buddypress #whats-new-options {
overflow: fixed;
height: 50;
}

post update appears with no problems but when I click on the text area to start typing the problem appears again.

What caused the problem is the following custom CSS:

#buddypress button,
#buddypress a.button,
#buddypress input[type=submit],
#buddypress input[type=button],
#buddypress input[type=reset],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button {
border: 4px solid #888;
font-size: 1.0rem;
}

If I delete the above two lines, everything will be fine with post update button. The problem is more like container or margin, something like that.

Thanks!

I tried the above code and inserted it in my custom CSS and it didn’t work. I also changed the buddypress.js following codes to 50px and it didn’t work!

jq('form#whats-new-form textarea').animate({
					height:'20px'

jq('#whats-new-form textarea').animate({
				height:'20px'
			});

This is the only thing I am unable to customize in buddypress!

Thanks

I use Vellum wordpress theme

@shpitzyl @danbp I followed and applied what you said and it didn’t work. I even made the direct changes inside bp-legacy> buddypress.js and did not work. I deleted the file buddypress.js and made a test to post an update and I was able to post an update and the styling problem was still there.

The only way to solve this is giving the text box of post an update a fixed width that remains the same before and after we post an update. To solve this we need to cancel the auto hide for the textbox.

I wish this helps!

@Chester99 did you have similar issue and you were able to resolve it?

@shpitzyl
I changed the related styles in my theme and in the “js”. I am pretty sure I miss something!
Even when I changed overflow to fixed inside #whats-new-option I inspect it again and find it auto.

@shpitzyl

Sorry for the delay. Thank you very much. I am using a child theme and I am placing the changes inside my child theme custom CSS area. Other changes were applied but this one was not because obviously something else is overriding this change. I will do this again now and see how things work and I will post here.

Thanks